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 skills add MrBlushu/blushu-design-skills --skill lets-build-a-sitegit clone --depth 1 https://github.com/MrBlushu/blushu-design-skillsWrote 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/mrblushu/blushu-design-skills/lets-build-a-site)<a href="https://agentmods.dev/skills/mrblushu/blushu-design-skills/lets-build-a-site"><img src="https://agentmods.dev/badge/skills/mrblushu/blushu-design-skills/lets-build-a-site/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/mrblushu/blushu-design-skills/lets-build-a-site"><img src="https://agentmods.dev/badge/skills/mrblushu/blushu-design-skills/lets-build-a-site.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.00141 | $0.02058 |
| Opus 5 | $0.00071 | $0.01029 |
| Sonnet 5 | $0.00028 | $0.00412 |
| Haiku 4.5 | $0.00014 | $0.00206 |
Grade A, and why
lets-build-a-site 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 12d 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 — 89 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Let's Build a Site
Operating contract
Own intake, architecture integration, implementation, rendered QA, and delivery. Delegate only decisions that need a specialist. Invoke specialists one at a time; verify their artifacts before preserving their decisions.
Inspect available files before asking questions. Never invent identity, claims, prices, testimonials, certifications, metrics, contacts, rights, or promises. Treat publishing, DNS, purchases, analytics activation, real form submission, and other external writes as separate actions requiring explicit authority.
Keep the core workflow tool-agnostic so it runs in Codex and Claude Code. Use host-specific tools only as interchangeable ways to inspect, edit, render, and verify.
Load references progressively
- At every start: read
references/intake-and-classification.mdbefore questioning the user or editing the project. - When the request includes assets, documents, copy, media, or missing content: read
references/assets-and-content-gaps.md. Runscripts/inventory_assets.pywhen manual metadata collection would be repetitive. - When architecture is not already accepted or a sitemap must be created: read
references/architecture-single-vs-multi.md. - Before invoking a specialist, accepting its return, or reopening an upstream decision: read
references/specialist-routing.md. - Before editing code and again before final QA: read
references/implementation-and-quality-gates.md. - Before creating
.site-work, sending a specialist handoff, or writing the final response: readreferences/handoffs-and-site-work.md.
Do not load all references by default.
Workflow
- Resolve scope. Identify the project or asset directory, editable boundary, requested outcome, constraints, and whether the deliverable is a prototype, production-ready site, or change to existing code. Inspect repository state and current implementation without mutating it.
- Inventory before opening. List asset and document metadata, then inspect only shortlisted files and relevant document sections. Record provenance, rights, conflicts, and unsupported material without copying binaries into working notes.
- Classify independently. State the site goal, single-page or multi-page architecture, and deliverable as three separate decisions with evidence and confidence. Treat labels such as “showcase site” as goals, not architecture choices.
- Gate missing information. Classify gaps as blocking, important, or optional. Require a real identity or subject, site purpose, intended audience or primary task, and deliverable before implementation; placeholders cannot replace this minimum brief. Ask at most three short questions per round, only after inspection and only when the answers materially change correctness. Proceed with explicit placeholders for other non-blocking gaps; stop at unresolved blocking gaps. Build a speculative generic concept only when the user explicitly requests one.
- Create compact truth sources. Maintain the relevant
.site-workartifacts. Keep facts, observations, inferences, assumptions, unknowns, placeholders, and user decisions distinct. - Plan the site. Define content roles, routes or sections, shared templates, navigation, CTA destinations, and completion criteria. Record durable decisions and their reopen conditions.
- Route adaptively. Use only specialists whose trigger is present. Give each one a single owned question and a handoff of at most 400 words. Record every specialist as
usedorskippedwith a concrete reason. - Implement completely. Preserve an existing stack and design system unless blocked. For a new project, choose the simplest stack that satisfies the deliverable. Build the agreed pages, states, responsive behavior, assets, interactions, and safe integration boundaries. Trace every visible factual claim, process, place, material, response expectation, and promise to approved content; do not infer facts from filenames, email domains, or visual tone. Render user-controlled values as text, never executable markup.
- Render and correct. Exercise the real site at representative project widths and states. Route findings back to their owner, apply the smallest causal fix, and rerun the affected check before expanding regression coverage.
- Pass the quality gate. Verify the build and rendered result, update
qa-report.md, and distinguishpass,fail,not verified, andnot applicable. Markpassonly when the report names the executed or observed evidence. Do not claim production readiness when a critical rendered check is unavailable. - Deliver. Report the site path, run and verification commands, architecture, coverage, specialist routing, approvals needed, placeholders, disconnected integrations, and concrete residual risks.
What ships with it
8 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- agents/openai.yaml 323 B
- references/architecture-single-vs-multi.md 2.9 KB
- references/assets-and-content-gaps.md 3.5 KB
- references/handoffs-and-site-work.md 3.8 KB
- references/implementation-and-quality-gates.md 4.7 KB
- references/intake-and-classification.md 4.1 KB
- references/specialist-routing.md 4.0 KB
- scripts/inventory_assets.py 7.0 KB runs code
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.
- 12d ago First seen · 89 lines · 141 tokens per session scan A 8b1442f78b98
lets-build-a-site is a skill published in the GitHub repository MrBlushu/blushu-design-skills (4 stars, last pushed 1mo ago), licensed MIT. It adds 141 tokens to every session and 2,058 once invoked, about $0.0007 per session on Opus 5. 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-31.
Other skills, from other repositories
anti-ui-slop
Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.
frontend-design
Design and implement context-fit frontend interfaces with deliberate art direction, accessible interaction, responsive behavior, complete states, and rendered verification. Use when creating or substantially reworking pages, components, product workspaces, dashboards, marketing sites, editorial surfaces, commerce…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", or "vs best practices".
design
Use when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design review. Brand-grounded and research-first; ships Tailwind v4 + Next.js 15 under WCAG 2.2 AA and Core Web Vitals budgets. NOT the words on…
ux/ui expert
Framework-agnostic frontend + UX/UI skill matrix covering Next.js App Router, Astro, design systems, mobile nav, accessibility, and dashboard patterns.
webd
Web design workflow for landing pages, SaaS frontends, conversion-oriented pages, and non-generic UI. Use when building or improving a website, landing page, SaaS UI, hero section, pricing page, conversion funnel, shadcn/ui interface, or when the user invokes /webd or @webd.