AGENT SKILL

prototype

Use when the user wants to prototype, sanity-check a data model or state machine, mock up a UI, explore design options before committing, or says "prototype this", "let me play with it", "try a few designs". Routes to a runnable terminal app for state/logic questions or several toggleable UI variations for design questions.

适用职业设计师
License 许可
MIT
最近更新
2026-11-02
Stars
★ 0
Forks
0

01 前言 Front Matter

name
prototype
description
Use when the user wants to prototype, sanity-check a data model or state machine, mock up a UI, explore design options before committing, or says "prototype this", "let me play with it", "try a few designs". Routes to a runnable terminal app for state/logic questions or several toggleable UI variations for design questions.

02 资源文件 3

03 SKILL.md 正文

Prototype

A prototype is throwaway code that answers one question. The question decides the shape — pick the wrong branch and the whole prototype is wasted.

Pick a branch

Identify which question is being answered — from the prompt, the surrounding code, or by asking if the user is reachable:

  • "Does this logic / state model feel right?" -> LOGIC.md. A tiny interactive terminal app that drives a pure state model by hand through cases that are hard to reason about on paper.
  • "What should this look like?" -> UI.md. Several radically different UI variations behind one switcher, flipped through in the running app.

If it is genuinely ambiguous and the user is AFK, default by the surrounding code (a backend module -> logic; a page or component -> UI) and state the assumption at the top of the prototype.

Rules that apply to both

  1. Throwaway from day one, clearly marked. Put the prototype next to the code it is prototyping for (context is obvious) but name it so a casual reader sees it is a prototype, not production. For throwaway UI routes, obey the project's existing routing convention — do not invent a new top-level structure.
  2. One command to run. Whatever the project's task runner supports — pnpm <name>, bun <path>, python <path>, an Electron start script. The user starts it without thinking.
  3. No persistence by default. State lives in memory. Persistence is the thing the prototype is checking, not something it depends on. If the question is explicitly about a database, hit a scratch DB or local file with a clear "PROTOTYPE — wipe me" name.
  4. Skip the polish. No tests, no error handling beyond what makes it runnable, no abstractions. Learn something fast, then delete it.
  5. Surface the state. After every action (logic) or on every variant switch (UI), render the full relevant state so the user sees what changed.
  6. Delete or absorb when done. Once it has answered its question, delete it or fold the validated decision into real code — never leave it rotting in the repo.

Capture the answer (workspace-native)

The answer is the only durable output of a prototype. When it has answered its question, write the resolved decision into the workspace stores — not a stray NOTES.md or docs/adr/ file:

  • Event ledger (objective, replayed after compaction): python ~/.claude/hooks/event-ledger/note.py --kind decision "<question> -> <answer> (prototype: <path>)"
  • basic-memory for a decision worth surviving compaction or reuse across projects: write it with mcp__basic-memory__write_note so recall surfaces it later.
  • If running AFK and the answer is not in yet, leave a one-line PROTOTYPE-Q: comment beside the code so the verdict gets filled in (by you on the next pass) before the prototype is deleted.

Then delete the throwaway shell, or lift the validated core (the pure module behind a logic prototype, the winning variant from a UI prototype) into the real code and delete the rest.

Compose with

  • ui-audit — after building UI variants, drive the running app with the ui-audit skill to get objective per-variant numbers (contrast, spacing, tap targets, dead buttons) plus the Track-B design VERDICT. Turns "which looks best" from vibes into measured + reasoned.
  • to-prd — a prototype snippet that nails a decision (reducer, state machine, schema, type shape) can be inlined into a PRD's Implementation Decisions; to-prd has an explicit hook for this.
  • app launch — start the prototype with the project's own runner; the run skill / app-driver patterns cover Electron, web, and CLI launch.

Idea adapted from the prototype skill in https://github.com/mattpocock/skills — MIT License, Copyright (c) 2026 Matt Pocock. This is a workspace-native rebuild (capture rewired to the event-ledger + basic-memory; composes with ui-audit / to-prd; stack-agnostic launch), not a verbatim copy. Original under MIT; full notice in LICENSE (this folder). Built 2026-06-30.

04 同仓库更多 Skills

Prekzursil
Prekzursil/agent-skills-toolchain

clarify-requirements

Resolve genuine pre-execution ambiguity by scanning repo context, generating 1-6 grounded options, and asking 1-3 focused questions via AskUserQuestion. NOT for mid-task use (injection risk); NOT when the goal is already unambiguous; use to disambiguate vague prompts before any file edits.

★ 0
Prekzursil
Prekzursil/agent-skills-toolchain

openmm-md

Run FREE, open-source, Windows-native GPU molecular dynamics via the openmm-md MCP (OpenMM + CUDA on the local NVIDIA GPU). Use for protein / protein-ligand MD when you want a free stack or are on Windows without a Schrodinger license. Covers the full workflow (prepare, solvate, minimize, equilibrate, production, analyze, mmgbsa) AND an honest decision guide vs Schrodinger Desmond, including how to run Desmond legitimately on Linux or a cloud GPU with a real license. This is a deliberately LESSER free alternative and does NOT replace the schrodinger MCP tools. Do NOT use it to pick a free tool when a validated FEP+, WaterMap, IFD-MD, or Prime MM-GBSA result is actually required.

Skill与智能体开发
★ 0
Prekzursil
Prekzursil/agent-skills-toolchain

visual-review

Take screenshots of web pages and UI using Playwright for visual review and iteration

演示文稿测试与质量
★ 0
Prekzursil
Prekzursil/agent-skills-toolchain

status

Diagnostic status report — shows metaswarm installation state, project setup, and potential issues

★ 0
Prekzursil
Prekzursil/agent-skills-toolchain

start

Use when starting work on any task, when the user mentions metaswarm, or when the user wants to begin tracked development work

Skill与智能体开发
★ 0
Prekzursil
Prekzursil/agent-skills-toolchain

setup

Interactive project setup — detects your project, configures metaswarm, writes project-local files

★ 0