Agent Skill
Web Prototype skill
web-prototypenexu-io/open-designdesign-templates/web-prototype/SKILL.md
General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.
always on
59 tokname + description
once used
1,128 tokSKILL.md body
bundled files
436 KB
repo stars
103kGitHub
Install the Web Prototype skill
Skills CLI (Claude Code, Codex, Cursor and others)
npx skills add https://github.com/nexu-io/open-design --skill web-prototype
Claude Code, by hand (all projects)
git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/open-design mkdir -p ~/.claude/skills cp -R /tmp/open-design/design-templates/web-prototype ~/.claude/skills/web-prototype
For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.
What it costs your context
Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.
| When | What loads | Cost |
|---|---|---|
| Every session | Name and description | 59 tok |
| When the agent uses it | The SKILL.md instructions | 1,128 tok |
| Only if opened | 4 bundled files (36 KB) | varies |
Until it is used, web-prototype costs about 23× less than the median MCP server we measured (1,362 tokens on every turn). Installing all 150 skills from nexu-io/open-design would load 9,514 tokens of descriptions. Skills vs MCP study
Checks
Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.
Checked 2026-10-22 · method
What's inside
The headings of its SKILL.md. Read the full file on GitHub.
- Web Prototype Skill
- Resource map
- Workflow
- Step 0 — Pre-flight (do this once before writing anything)
- Step 1 — Prepare index.html from the seed
- Step 2 — Plan the section list
- Step 3 — Paste and fill
- Step 4 — Self-check
- Step 5 — Write the project file
- Hard rules (the seed protects most of these — don't fight it)
- Output contract
More skills from nexu-io/open-design
- article-magazinenexu-io/open-design
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
103k30 tok idle · 207 in use - aster-ateliernexu-io/open-design
Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.
103k31 tok idle · 539 in use - audio-jinglenexu-io/open-design
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
103k78 tok idle · 942 in use - blog-postnexu-io/open-design
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
103k57 tok idle · 570 in use - build-testnexu-io/open-design
Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.
103k31 tok idle · 607 in use - card-twitternexu-io/open-design
Twitter quote or data card designed to pair with a post.
103k15 tok idle · 151 in use - card-xiaohongshunexu-io/open-design
Xiaohongshu-style knowledge cards, arranged as a swipeable multi-card carousel.
103k24 tok idle · 266 in use - clinical-case-reportnexu-io/open-design
Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".
103k73 tok idle · 1,806 in use