prototype-zh

prototype-zh is a skill for Claude Code, Codex from gongyijie85/mattpocock-skills-dsh-zh. It costs 49 tokens per session (786 once invoked), scanned A, original, MIT.

A throwaway prototype built to answer a design question about logic or a user interface. A logic prototype is a shareable HTML walkthrough of state changes; a UI prototype shows several alternative page designs.

In plain words
What is it for?
Use it to explore a state model, check whether a workflow makes sense, or compare UI directions before implementing the chosen result in the real application.
Why use it?
It lets you test an idea quickly without treating experimental code as production code or committing to storage and detailed error handling too early.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to explore a state model, check whether a workflow makes sense, or compare UI directions before implementing the chosen result in the real application.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/gongyijie85/mattpocock-skills-dsh-zh/prototype-zh
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 gongyijie85/mattpocock-skills-dsh-zh --skill prototype-zh
Clone the repo
git clone --depth 1 https://github.com/gongyijie85/mattpocock-skills-dsh-zh

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-zh

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

Your own site · 80×15
<a href="https://agentmods.dev/skills/gongyijie85/mattpocock-skills-dsh-zh/prototype-zh"><img src="https://agentmods.dev/badge/skills/gongyijie85/mattpocock-skills-dsh-zh/prototype-zh.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 49 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 786 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found 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.00049 $0.00786
Opus 5 $0.00024 $0.00393
Sonnet 5 $0.00010 $0.00157
Haiku 4.5 $0.00005 $0.00079

Measured yesterday against content hash 10082ea84b3b, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

prototype-zh 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 yesterday.

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.

skills/prototype-zh/SKILL.md · 27 lines

What it actually says

原型

原型就是回答某个问题的 throwaway(一次性)代码。问题决定了它的形态。

选择分支

确定要回答的是哪个问题——从用户的 prompt、周围的代码来判断,或者如果用户在场就直接问:

  • 「这套逻辑 / state model 感觉对吗?」LOGIC.md。构建一个可分享的单个 HTML 文件——自由操作按钮加上带标签页的引导式走查——推动 state machine 走过那些在纸面上难以推演、且非开发人员也能驱动的用例。
  • 「它应该长什么样?」UI.md。在单一路由上生成几种差异极大的 UI 变体,通过 URL search param(查询参数)和浮动底栏切换。

两个分支产出的 artifact(产物)截然不同——选错会浪费整个原型。如果问题确实含糊且联系不上用户,默认选择与周围代码更匹配的分支(后端模块 → logic;页面或组件 → UI),并在原型顶部注明这一假设。

两个分支都适用的规则

  1. 从第一天起就是 throwaway,并明确标注。 把原型代码放在它实际使用位置的附近(在它为之仿真的模块或页面旁边),这样上下文一目了然——但要命名得让随意浏览的读者一眼看出这是原型,不是生产代码。对于 throwaway 的 UI 路由,遵循项目已有的路由约定;不要发明新的顶层结构。
  2. 启动极其简单。 UI 原型只需在项目的 task runner(任务运行器)里执行一条命令——pnpm <name>python <path>bun <path> 等。logic 演示则是用户双击即可打开的单个 HTML 文件。无论哪种方式,启动它都不需要动脑筋。
  3. 默认不持久化。 状态保存在内存中。持久化正是原型要_检验_的东西,而不是它应该依赖的东西。如果问题明确涉及数据库,就使用一个 scratch(临时)数据库,或一个名字明确写着「PROTOTYPE — wipe me(原型——用完即删)」的本地文件。
  4. 跳过打磨。 不写测试,不做超出让原型_可运行_所需的错误处理,不引入抽象。重点是快速学到东西。
  5. 呈现状态。 每次操作后(logic)或每次切换变体时(UI),打印或渲染完整的相关状态,让用户看到发生了什么变化。
  6. 完成后归档。 把任何经过验证的决策融入真实代码,然后把原型本身作为 primary source(一手来源) 归档:把它提交到 main 之外的 throwaway 分支,并在实现 issue 上留下指向该分支的上下文指针。答案也要归档——结论以及它所解决的问题——记录在 issue 或某个 commit 中。main 分支只保留经过验证的决策。
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. yesterday First seen · 27 lines · 49 tokens per session scan A 10082ea84b3b

Subscribe to this mod's changes

prototype-zh is a skill published in the GitHub repository gongyijie85/mattpocock-skills-dsh-zh (5 stars, last pushed 2d ago), licensed MIT. It adds 49 tokens to every session and 786 once invoked, about $0.0002 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-09-11.

Related

Other skills, from other repositories

dsh-web-skin-developer

Build a new skin for the dsh-web skin collection (DSH Web GUI) and publish it into the Skin Center — the first-level settings section — scaffold with scripts/dsh-skin-new, author the v2 skin.json manifest plus skin.css token remap (pure asset directory, no package.json, no build step), validate with scripts/dsh-skin…

zhu1090093659/dsh-web · 120 tokens

xiaohongshu-cover

An AI cover-planning tool for Xiaohongshu, a Chinese social platform for lifestyle and product content. It studies popular covers in a topic area and produces three cover concepts with examples and image-generation prompts.

redfox-data/redfox-community-dsh · 103 tokens

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

awesome-dsh-plugin/awesome-dsh-plugin · 44 tokens

web-artifact-designer

A design workflow for producing self-contained HTML or SVG files that open directly in a browser. It covers visual work such as posters, infographics, landing pages, charts, banners, cards, and interface mockups.

xulelenlp/dsh-web-artifact-designer · 115 tokens

frontend-design-system

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling. Use when generating or auditing a design system, checking visual consistency, or reviewing a PR that touches styling.

gongyijie85/dsh-ecc · 47 tokens

accessibility

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA. Use when building or auditing UI that must meet WCAG 2.2 Level AA, or when reviewing a change for keyboard, contrast, or screen-reader support. standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web…

gongyijie85/dsh-ecc · 81 tokens