New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Prototype

by vinvcn in vinvcn/mattpocock-skills-zh-CN

构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。

MITAuto-check passedDevelopment

Install Prototype

skills CLI
$ npx skills add vinvcn/mattpocock-skills-zh-CN --skill prototype -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install vinvcn/mattpocock-skills-zh-CN prototype --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/vinvcn/mattpocock-skills-zh-CN.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/engineering/prototype .claude/skills/prototype && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
prototype
GitHub stars
4.6k
Token cost
~406 tokens
SKILL.md length
157 words
Files
4
Skills in repo
33
Repo updated
First seen
Licence
MIT

At a glance

构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。

  • Works in 6 steps: 从第一天就是 throwaway，并明确标记。 Prototype code… → 运行毫无负担。 UI prototype 从项目 task runner… → 默认不持久化。 State 保存在内存中。Persistence 是… → …
  • Tasks that involve Prototyping
  • SKILL.md covers Pick a branch and Rules that apply to both
  • Calls pnpm, python and bun

What it does

Prototype is an agent skill from vinvcn/mattpocock-skills-zh-CN. 构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。

Its SKILL.md is about 410 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files (for example `LOGIC.md`, `UI.md` and `agents/openai.yaml`).

It sits in Development, covering Prototyping. The repository describes itself as: 这是 mattpocock/skills 的简体中文本地化版本。 The licence is MIT.

When your agent uses it

  • Tasks that involve Prototyping

Example prompts

  • “/prototype”

Requirements

  • Python 3

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. 从第一天就是 throwaway，并明确标记。 Prototype code 要靠近它实际会被使用的位置（放在被 prototype 的 module 或 page 旁边），这样上下文清楚；但命名要让随手读代码的人看出它是 prototype，不是 production。对…
  2. 运行毫无负担。 UI prototype 从项目 task runner 中的一条命令启动——pnpm 、python 、bun 等。Logic demo 则是用户双击即可打开的单个 HTML 文件。无论哪种，启动都不需要动脑。
  3. 默认不持久化。 State 保存在内存中。Persistence 是 prototype 要_检查_的东西，不该成为依赖。如果问题明确涉及 database，就用 scratch DB 或带有清晰 “PROTOTYPE — wipe me” 名称的本地文件。
  4. 跳过 polish。 不写 tests，不做超过“能跑起来”所需的 error handling，不做 abstractions。重点是快速学到东西。
  5. 暴露 state。 每次 action（logic）或每次 variant switch（UI）后，打印或渲染完整相关 state，让用户看到发生了什么变化。
  6. 完成后 capture。 把验证过的 decision 折进真实 code，然后把 prototype 本身作为 primary source 保存：commit 到 main 之外的 throwaway branch，并在 implementation issue…

What it can do on your machine

Read from SKILL.md and the folder at commit 3f92a83. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • pnpm
    • python
    • bun

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Prototype loads about 406 tokens when it runs. Until then it costs about 20 tokens; SKILL.md has 157 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~20
When it runs · the whole SKILL.md, loaded when a task matches
~406

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from vinvcn/mattpocock-skills-zh-CN at commit 3f92a83, republished under its MIT licence (© vinvcn). 157 words, ~406 tokens.

Download SKILL.mdSave it as .claude/skills/prototype/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.
name
prototype
description
构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。

Prototype

Prototype 是用来回答一个问题的 throwaway code。问题决定形状。

Pick a branch

先识别正在回答哪个问题：来自用户 prompt、周围代码，或在用户在线时直接询问：

  • "Does this logic / state model feel right?" → LOGIC.md。构建一个单一、可分享的 HTML 文件——free-play buttons 加 tabbed guided walkthroughs——推动 state machine 跑过纸面上难以推理的 cases，而且非开发人员也能驱动它。
  • "What should this look like?" → UI.md。在单一路由上生成几种差异很大的 UI variations，并通过 URL search param 和浮动底栏切换。

这两个分支会产出非常不同的 artifacts；选错会浪费整个 prototype。如果问题确实模糊且用户不可达，默认选择更匹配周围代码的分支（backend module → logic；page 或 component → UI），并在 prototype 顶部说明假设。

Rules that apply to both

  1. 从第一天就是 throwaway，并明确标记。 Prototype code 要靠近它实际会被使用的位置（放在被 prototype 的 module 或 page 旁边），这样上下文清楚；但命名要让随手读代码的人看出它是 prototype，不是 production。对 throwaway UI routes，遵守项目现有 routing convention；不要发明新的顶层结构。
  2. 运行毫无负担。 UI prototype 从项目 task runner 中的一条命令启动——pnpm <name>、python <path>、bun <path> 等。Logic demo 则是用户双击即可打开的单个 HTML 文件。无论哪种，启动都不需要动脑。
  3. 默认不持久化。 State 保存在内存中。Persistence 是 prototype 要_检查_的东西，不该成为依赖。如果问题明确涉及 database，就用 scratch DB 或带有清晰 “PROTOTYPE — wipe me” 名称的本地文件。
  4. 跳过 polish。 不写 tests，不做超过“能跑起来”所需的 error handling，不做 abstractions。重点是快速学到东西。
  5. 暴露 state。 每次 action（logic）或每次 variant switch（UI）后，打印或渲染完整相关 state，让用户看到发生了什么变化。
  6. 完成后 capture。 把验证过的 decision 折进真实 code，然后把 prototype 本身作为 primary source 保存：commit 到 main 之外的 throwaway branch，并在 implementation issue 上留下指向该 branch 的 context pointer。同时在 issue 或 commit 中 capture answer，也就是 verdict 与它解决的问题。Main branch 只保留验证过的 decision。

© vinvcn, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 3 other files in skills/engineering/prototype of vinvcn/mattpocock-skills-zh-CN.

  • SKILL.md
  • LOGIC.md
  • UI.md
  • agents/openai.yaml

Open the folder on GitHubat commit 3f92a83

Compare with similar skills

Prototype next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Prototype compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Prototype this skillvinvcn/mattpocock-skills-zh-CN4.6k—~406Automated safety check: PassMIT
Native Feel Cross Platform Desktopyetone/native-feel-skill1.9k1 repos~1.5kAutomated safety check: PassMIT
Compound Engineering PrototypeEveryInc/compound-engineering-plugin25k—~1.9kAutomated safety check: PassMIT
Collaborating With CodexGuDaStudio/collaborating-with-codex1321 repos~712Automated safety check: PassMIT
Digikeyaklofas/kicad-happy1.3k1 repos~4.5kAutomated safety check: PassMIT
Collaborating With Geminihaoyu-haoyu/Multi-AI-Workflow109—~521Automated safety check: PassMIT

Similar skills

  • Native Feel Cross Platform Desktop

    yetone/native-feel-skill

    A skill your agent uses when the user is designing, prototyping, or rewriting a desktop app that must run on multiple OSes (macOS + Windows, optionally Linux) AND feel indistinguishable from a…

    1.9k GitHub starsUsed in 1 repo~1.5k tokens
    DevelopmentAuto-check passed

  • Compound Engineering Prototype

    EveryInc/compound-engineering-plugin

    Builds a throwaway prototype at just the fidelity needed to settle a specific how-it-should-work-or-feel question, before committing to an approach other work will treat as fixed.

    25k GitHub stars~1.9k tokensUpdated today
    DevelopmentAuto-check passed

  • Collaborating With Codex

    GuDaStudio/collaborating-with-codex

    Delegates coding tasks to Codex CLI for prototyping, debugging, and code review.

    132 GitHub starsUsed in 1 repo~712 tokens
    DevelopmentAuto-check passed

  • Digikey

    aklofas/kicad-happy

    Search DigiKey for electronic components and download datasheets — primary source for prototype orders and the preferred API method for fetching datasheets.

    1.3k GitHub starsUsed in 1 repo~4.5k tokens
    DevelopmentAuto-check passed

  • Collaborating With Gemini

    haoyu-haoyu/Multi-AI-Workflow

    Delegates coding tasks to Gemini CLI for prototyping, debugging, and code review.

    109 GitHub stars~521 tokensUpdated 5 mo ago
    DevelopmentAuto-check passed

  • S2 Docs

    adobe/spectrum-design-data

    Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components.

    155 GitHub stars~868 tokensUpdated 5 days ago
    DevelopmentAuto-check passed

More from vinvcn/mattpocock-skills-zh-CN

All 33 skills in this repo

  • Git Guardrails Claude Code

    vinvcn/mattpocock-skills-zh-CN

    设置 Claude Code hooks，在危险 git commands（push、reset --hard、clean、branch -D 等）执行前阻止它们。适用于用户想防止破坏性 git 操作、添加 git safety hooks，或在 Claude Code 中阻止 git push/reset 时。

    4.6k GitHub stars~474 tokensUpdated 9 days ago
    Auto-check passed

  • Codebase Design

    vinvcn/mattpocock-skills-zh-CN

    用于设计深模块的共享词汇。适用于用户想设计或改进模块接口、寻找深化机会、决定 seam 放在哪里、让代码更容易测试或更适合 AI 导航，或其他技能需要深模块词汇时。

    4.6k GitHub stars~1.1k tokensUpdated 9 days ago
    Auto-check passed

  • Diagnosing Bugs

    vinvcn/mattpocock-skills-zh-CN

    面向棘手缺陷和性能回退的诊断循环。适用于用户说 “diagnose” / “debug this”，或报告某些东西 broken、throwing、failing、slow 时。

    4.6k GitHub stars~1.4k tokensUpdated 9 days ago
    Auto-check passed

  • Domain Modeling

    vinvcn/mattpocock-skills-zh-CN

    构建并打磨项目的领域模型。适用于讨论 codebase 术语、编写或编辑 CONTEXT.md，或记录或编辑 ADR. An agent skill from vinvcn/mattpocock-skills-zh-CN.

    4.6k GitHub stars~505 tokensUpdated 9 days ago
    Auto-check passed

  • Migrate To Shoehorn

    vinvcn/mattpocock-skills-zh-CN

    将测试文件从 as 类型断言迁移到 @total-typescript/shoehorn。适用于用户提到 shoehorn、想替换测试中的 as，或需要局部测试数据时。

    4.6k GitHub stars~619 tokensUpdated 9 days ago
    Auto-check passed

  • PR

    vinvcn/mattpocock-skills-zh-CN

    用于撰写 PR 正文。适用于用户要求起草、改写或改进 PR 正文，或希望 PR 更便于审阅时. An agent skill from vinvcn/mattpocock-skills-zh-CN.

    4.6k GitHub stars~737 tokensUpdated 9 days ago
    Auto-check passed

Categories

Questions about Prototype

What does Prototype do?

构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。. Prototype is an agent skill from vinvcn/mattpocock-skills-zh-CN.

When should I use Prototype?

Prototype fits situations like: tasks that involve Prototyping.

How do I install Prototype in Claude Code?

Run `npx skills add vinvcn/mattpocock-skills-zh-CN --skill prototype -a claude-code`. Or copy the skill folder (skills/engineering/prototype in vinvcn/mattpocock-skills-zh-CN) into .claude/skills/prototype in your project. Claude Code loads it when a task matches its description.

How do I install Prototype in Codex?

Run `npx skills add vinvcn/mattpocock-skills-zh-CN --skill prototype -a codex`. Or copy the skill folder (skills/engineering/prototype in vinvcn/mattpocock-skills-zh-CN) into .agents/skills/prototype in your project. Codex loads it when a task matches its description.

Can I use Prototype in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vinvcn/mattpocock-skills-zh-CN --skill prototype -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/prototype, .gemini/skills/prototype, .github/skills/prototype and .opencode/skills/prototype in your project.

What does Prototype need to run?

Going by SKILL.md and its folder, Prototype needs the command-line tools its instructions call (pnpm, python and bun). Our summary lists: Python 3.

Does Prototype access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Prototype safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Prototype use?

Prototype is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Prototype use?

About 406 tokens (SKILL.md is roughly 1.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Prototype?

Skills that share tags, products or a category with Prototype: Native Feel Cross Platform Desktop (yetone/native-feel-skill, 1.9k stars), Compound Engineering Prototype (EveryInc/compound-engineering-plugin, 25k stars), Collaborating With Codex (GuDaStudio/collaborating-with-codex, 132 stars) and Digikey (aklofas/kicad-happy, 1.3k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Prototype?

vinvcn (a GitHub user) maintains it in vinvcn/mattpocock-skills-zh-CN, which has 4,635 GitHub stars. The repository holds 33 skills in this directory. The repository was last updated on September 28, 2026.

Source: vinvcn/mattpocock-skills-zh-CN on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.