prototype-stardust

prototype-stardust is a skill for Claude Code, Codex from sutchan/Agent-Skills-Hub. It costs 19 tokens per session (17,595 once invoked), scanned C, a copy of prototype, MIT.

A workflow for rendering proposed redesigns of pages as self-contained HTML files based on an existing site's content and a separate design specification. A prototype is a test version used to review a design before it is built fully.

In plain words
What is it for?
It is for generating page redesign previews, updating them with changes such as a bolder hero or tighter layout, and marking an approved direction for later use.
Why use it?
It lets teams inspect a proposed page visually and iterate on it through short design instructions. It keeps the redesign tied to the captured page content and approved design direction.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions subagents; mentions Claude Code.

Good fit It is for generating page redesign previews, updating them with changes such as a bolder hero or tighter layout, and marking an approved direction for later use.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/sutchan/agent-skills-hub/prototype-stardust
Install

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.

Any agent
npx skills add sutchan/Agent-Skills-Hub --skill prototype-stardust
Clone the repo
git clone --depth 1 https://github.com/sutchan/Agent-Skills-Hub

Made for: Claude Code, Codex.

Wrote 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.

agentmods badge for prototype-stardust

README.md
[![agentmods](https://agentmods.dev/badge/skills/sutchan/agent-skills-hub/prototype-stardust/github.svg)](https://agentmods.dev/skills/sutchan/agent-skills-hub/prototype-stardust)
Your own site
<a href="https://agentmods.dev/skills/sutchan/agent-skills-hub/prototype-stardust"><img src="https://agentmods.dev/badge/skills/sutchan/agent-skills-hub/prototype-stardust/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.

agentmods 80×15 button for prototype-stardust

Your own site · 80×15
<a href="https://agentmods.dev/skills/sutchan/agent-skills-hub/prototype-stardust"><img src="https://agentmods.dev/badge/skills/sutchan/agent-skills-hub/prototype-stardust.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 19 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 17,595 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 1 finding. A grade says what 26 rules found in the file — not that it is safe.
Origin 97% copy Near-identical to another mod in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00019 $0.17595
Opus 5 $0.00010 $0.08797
Sonnet 5 $0.00004 $0.03519
Haiku 4.5 $0.00002 $0.01759

Measured 8d ago against content hash bf585ff74cff, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade C, and why

prototype-stardust scanned grade C with 1 finding 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 8d ago.

The scan reads SKILL.md. This mod also ships 2 executable files (assets/motion/lenis.min.js, fixtures/mobile-nav-audit.mjs), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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.

Tells the agent never to refusehighAnti-refusal

Suppressing the ability to decline removes a core safety control; a later harmful request then succeeds.

violations. P0/P1 critique findings warn but don't refuse.
Origin

This is a copy

97% identical to prototype — 20 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

skills/prototype-stardust/SKILL.md · 1,493 lines

How it starts

The opening of the file, as written. The whole thing — 1,493 lines — stays where its author put it; the contents beside it link to each section on GitHub.

stardust:prototype

For each directed page, render a proposed redesign as a self-contained static HTML file at stardust/prototypes/<slug>-proposed.html. Open the file in the browser; iterate via chat-driven impeccable commands ("make the hero bolder", "tighten the cup-note grid"). Mark approved once the user signs off in the conversation.

prototype is not a renderer of its own design — it composes the target spec written by direct (PRODUCT.md, DESIGN.md, DESIGN.json, stardust/direction.md) onto the page content captured by extract (stardust/current/pages/<slug>.json). Visual creativity is delegated to $impeccable craft and the iteration commands (bolder, quieter, distill, polish, colorize, typeset, layout, adapt, animate, delight, overdrive, impeccable).

Inputs

  • <slug> — optional positional. Prototype just this page. Without it, prototype every directed page that is not stale.
  • --all — prototype every directed page including stale ones.
  • --prep — optional. Run in migrate-prep mode: fill page-type gaps (prototype one representative archetype per type) and, on approval, write canon back to stardust/canon/ and DESIGN.json.extensions.canon. See § Prep mode below and reference/canon-extraction.md. Typically invoked via the prepare-migration orchestrator.
  • --canon-from <slug> — optional. Override the default canon- author (which is the first approved prototype, typically home). Used when a different page should establish the design canon.
  • --publish-sample <slug> — submit the named slug to the stardust showcase. Triggers the publish-sample sub-flow documented in reference/publish-sample.md: eligibility checks, file staging, PR creation against the upstream stardust repo. Requires gh installed and authenticated. The showcase is a visual demonstration, not a deployable site — placeholder content is allowed and recorded in the PR body's § Unsourced content section. Design-quality gates stay strict: refuses on unjustified anti-toolbox hits, :root token contract failure, data-attributes contract failure, or impeccable hard-rule violations. P0/P1 critique findings warn but don't refuse. The showcase publishes via GitHub Pages on merge.
  • --cinematic — optional. Layer a cinematic motion register on top of the static prototype. The register is read from DESIGN.json.extensions.motion.register (written by direct); if absent, the prototype phase picks one using the same heuristic per reference/motion-registers.md § Selection heuristic. Output filename is <slug>-cinematic.html (alongside the static <slug>-proposed.html, never replacing it). Triggers the cinematic gates in motion validation (reference/motion-validation.md § Pass 6).
  • --cinematic=<register> — optional. Same as --cinematic but forces a specific register (arrival, kinetic-display, live-systems, editorial, kinetic-grid). The override is recorded in _provenance.motion.registerSource = "user-override" so reviewers can spot when direction's heuristic was bypassed.

Read the full file on GitHub · 1,493 lines

Changes

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.

  1. 8d ago First seen · 1,493 lines · 19 tokens per session scan C bf585ff74cff

Subscribe to this mod's changes

prototype-stardust is a skill published in the GitHub repository sutchan/Agent-Skills-Hub (2 stars, last pushed yesterday), licensed MIT. It adds 19 tokens to every session and 17,595 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it C with 1 finding (tells the agent never to refuse). It is 97% identical to prototype, differing in 20 lines, and is treated as a copy.

Related

Other skills, from other repositories

design-system-architect

Expert guide for designing, building, and maintaining scalable UI design systems with design tokens, headless primitives, Material Design 3 (M3), Tailwind v4 @theme, and WCAG 2.2 accessibility.

roedyrustam/vibes-plug · 50 tokens

website-design-cloner

Analyzes and reverse-engineers website designs directly from a target URL, extracting layout structures, design tokens (colors, typography, spacing), component hierarchies, visual assets, and responsive behaviors to enable full 1:1 duplication into modern code (Tailwind CSS v4, React/Next.js, HTML/CSS). / Mempelajari…

roedyrustam/vibes-plug · 129 tokens

svg-animation-motion-expert

Expert guide for web animations: SVG manipulation, Framer Motion 12+, GSAP 3, CSS Scroll-Driven Animations, and View Transitions API / Panduan ahli animasi web.

roedyrustam/vibes-plug · 46 tokens

设计大师

A Chinese-language design skill for creating high-fidelity HTML prototypes, interactive demos, slide decks, animations, visualizations, and design variations. HTML is used as the production tool for these visual outputs.

laborany/laborany · 362 tokens

frontend-ui-engineering

Build production-quality, accessible, non-generic-looking UI components and pages — component composition, the state-management ladder (local to global), avoiding the recognizable "AI aesthetic," WCAG 2.1 AA accessibility, and responsive/loading/empty states. Use when building or modifying user-facing interfaces, or…

shennawardana23/skillme · 86 tokens

前端设计师

A design guide for creating distinctive, high-quality front-end interfaces, meaning the parts of websites and applications that people see and use. It encourages deliberate layouts, restrained colors, precise spacing, and typography instead of generic AI-generated patterns.

laborany/laborany · 119 tokens