Borrowing it
Nothing to install: this file belongs to 0xSoftBoi/suwappubot. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/0xSoftBoi/suwappubot/main/.claude/skills/design-iterate/SKILL.mdgit clone --depth 1 https://github.com/0xSoftBoi/suwappubotWrote 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/skills/0xsoftboi/suwappubot/design-iterate)<a href="https://agentmods.dev/skills/0xsoftboi/suwappubot/design-iterate"><img src="https://agentmods.dev/badge/skills/0xsoftboi/suwappubot/design-iterate/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/0xsoftboi/suwappubot/design-iterate"><img src="https://agentmods.dev/badge/skills/0xsoftboi/suwappubot/design-iterate.svg" alt="Reviewed on agentmods" width="80" 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.1 | $0.00000 | $0.02218 |
| Opus 5.5 | $0.00000 | $0.00887 |
| Sonnet 5.5 | $0.00000 | $0.00444 |
| Haiku 4.5 | $0.00000 | $0.00222 |
Grade A, and why
design-iterate 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 1mo ago.
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.
How it starts
The opening of the file, as written. The whole thing — 140 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Design-iterate: test -> critique -> improve -> verify
One bounded iteration of showcase quality improvement. Each run must produce either (a) a pushed commit that fixes concrete findings, or (b) a clean-pass report saying the rubric found nothing above the fix threshold. Never end a run with unverified edits.
Ground rules
- Branch: work on the current branch (never main directly). All copy claims must trace
to
docs/design/proof-material.md- no invented numbers, no unverifiable claims. - Patterns from reference sites are adapted, never copied (no external assets, copy, or brand).
- Budget: fix at MOST the top 3 findings per iteration. Small verified steps beat big unverified leaps. If a finding needs >30 min of work, file it in the backlog instead.
- The loop STOPS improving when a full critique pass yields zero findings at severity "fix" for 2 consecutive iterations - then report "converged" and recommend ending the loop.
The iteration
1. Render + capture (evidence first)
cd showcase && bun run build # timeout 600000; must pass before anything else
bun run start -- -p 3459 & # then screenshot with the Playwright pattern below
Playwright (chromium at /opt/pw-browsers, import playwright-core from the global npm root):
capture viewport frames every ~850px at 1440x900 AND a full-page + 3 targeted frames at
390x844 with reducedMotion: 'reduce'. Pre-scroll the whole page first to fire reveal
observers. (See docs/design/visual-study.md header for the known-good script shape;
mobile-emulation screenshot mode gives false void artifacts - use plain viewport.)
2. Critique (three lenses, all mandatory)
Lens A - mechanical taste checks (grep-able, from the taste-skill pre-flight):
- Em/en-dashes in any user-visible string (JSX text, i18n json, aria-labels): ZERO allowed.
grep -n "—\|–" src/app/page.tsx src/components/*.tsx messages/*.json(ignore code comments). - Eyebrow count: uppercase-tracking labels above headlines <= ceil(sectionCount/3), and never on consecutive sections.
- Duplicate CTA intent: one label per intent across nav/hero/sections/footer.
- CTA wrap at desktop; button/text contrast >= 4.5:1; focus rings visible on clipped buttons.
- No scroll cues, version labels, section-number eyebrows, decorative status dots, photo-credit-style captions, locale strips.
- Section layout families: >= 4 distinct families; no family repeated adjacent.
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.
- 1mo ago First seen · 140 lines · 0 tokens per session scan A 822a83cb3f25
design-iterate is a skill published in the GitHub repository 0xSoftBoi/suwappubot (4 stars, last pushed 4d ago), licensed Apache-2.0. It costs nothing until one of its globs matches a file; then it loads 2,218 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-08-30.
Other skills, from other repositories
sandbox
Visual HTML canvas sandbox for agent-driven UI and live previews.
oneinch-aggregator
1inch DEX aggregator skill — swap tokens across 400+ DEXes, get quotes, check token approvals, Fusion+ cross-chain swaps, portfolio tracking. Requires API key from 1inch Developer Portal.
across-bridge
Bridge ETH and ERC-20 tokens across EVM chains via Across Protocol v3. One function for a quote, one function for the entire end-to-end bridge (approval + deposit + arrival verification). Use when the user wants to move tokens between chains (e.g. "bridge 50 USDC from Base to Arbitrum", "send ETH from Ethereum to…
ophis
Use this skill when the user asks to swap tokens, get a swap quote, check or cancel an order, or report the surplus their trades earned, via Ophis, the intent-based MEV-protected DEX aggregator. Triggers on phrases like "swap X for Y", "best price", "quote", "order status", "cancel my order", "how much surplus did I…
swap-via-ophis
Swap or bridge tokens through Ophis, an intent-based DEX aggregator. Parse a natural-language request, get a best-execution quote, build an EIP-712 order, sign it in the user's own wallet, and submit it. Non-custodial: the agent never holds keys or funds.
defi-protocols
DeFi protocol authority — flashloans, AMM design, lending markets, concentrated liquidity, MEV, triangular and cross-DEX arbitrage, stablecoin depeg dynamics, and on-chain capital routing across Uniswap V3, Aerodrome, Balancer, Curve, and Aave V3 on Ethereum, Base, Arbitrum, Optimism, and Polygon.