Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add commands/oriolshhh/runware-image-mcp/loop-frontend-implementationgit clone --depth 1 https://github.com/Oriolshhh/runware-image-mcpWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/commands/oriolshhh/runware-image-mcp/loop-frontend-implementation)<a href="https://agentmods.dev/commands/oriolshhh/runware-image-mcp/loop-frontend-implementation"><img src="https://agentmods.dev/badge/commands/oriolshhh/runware-image-mcp/loop-frontend-implementation.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00000 | $0.00469 |
| Opus 5 | $0.00000 | $0.00234 |
| Sonnet 5 | $0.00000 | $0.00094 |
| Haiku 4.5 | $0.00000 | $0.00047 |
Grade A, and why
loop-frontend-implementation scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
/loop-frontend-implementation — Brief, design direction, approval, implementation, browser validation, and independent review.
Follow this ordered workflow. Respect every human-approval gate and stop when instructed.
name: frontend-implementation
description: Design and build a new frontend surface with browser-backed quality evidence.
max_iterations: 3
steps:
- name: orient
instruction: Reuse repository context; normalize the user, task, surface, constraints, content, success criteria, preview, and test setup.
- name: system-map
agent: design-system-specialist
instruction: Map reusable tokens, primitives, components, themes, stories, and frontend conventions before proposing new ones.
- name: direction
agent: frontend-design-lead
instruction: Produce one planning-only, brief-specific direction, complete state/responsive contract, acceptance rubric, and smallest implementation plan without recursively invoking the end-to-end /frontend-design command.
- name: approve-material-decisions
instruction: Wait for explicit approval only when brand, navigation, product behavior, shared design-system APIs, or dependencies materially change.
gate: human-approval-when-required
- name: implement
agent: frontend-implementer
instruction: Implement the approved direction with complete states, responsive behavior, accessibility, tests, and no unapproved dependencies.
- name: browser-verify
agent: visual-qa-tester
instruction: Exercise the real UI across representative states and viewports; compare acceptance evidence and inspect console/network/runtime behavior.
- name: specialist-review
instruction: Run independent accessibility review and motion review when motion changed; return only verified in-scope blockers.
- name: gates-and-decide
instruction: Run configured gates; stop on acceptance, otherwise repeat only for an in-scope correction below max_iterations.
gate: gates/default.yml
Apply
context-discoverybefore broad scanning: use a supplied context capsule first; otherwise check context frontmatter freshness, read.agent/context/routing.md, load only relevant summaries, and verify critical claims against source.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today First seen · 37 lines · 0 tokens per session scan A c6245337e84c
loop-frontend-implementation is a command published in the GitHub repository Oriolshhh/runware-image-mcp (0 stars, last pushed 1mo ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 469 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other commands, from other repositories
motion-design
Design micro-interactions, transitions, and animation systems for UI components or full pages.
ux-motion
Animation and motion rubric. Checks timing, easing, meaning, reduced-motion compliance, and performance for every animation on a surface. Triggers on "motion check", "are the animations good", or "fix the motion". Use when auditing motion or animations, checking durations / easing / reduced-motion / performance, is…
ux-recommend
The v2 flagship. Runs the 5-parallel-search Python engine across 11 data manifests (75+ styles, 170+ palettes, 65+ type pairs, 120+ components, 170+ industries, 110+ UX laws, 50+ motion presets, 120+ anti-patterns, 92 brand specs) and returns a complete recommended design system for your project — with always-on…
color-specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inverted light mode, or semantic colours that carry no meaning.
responsive-design-specialist
Use when a layout breaks between sizes. Arbitrary breakpoints, type that does not scale, images that blow out the grid, or a desktop design retrofitted onto mobile.
designer
DaisyUI로 예쁜 UI를 만들거나, 기존 UI를 바꿔줘요.