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 | $0.00000 | $0.01109 |
| Sonnet 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 11d 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.
- 11d ago First seen · 140 lines · 0 tokens per session scan A 822a83cb3f25
design-iterate is a skill published in the GitHub repository 0xSoftBoi/suwappubot (3 stars, last pushed yesterday), 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.
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.
onchainkit
Build onchain apps with Coinbase's OnchainKit React components - wallets, swaps, NFTs, payments.
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.
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.