本文へ移動
cccskills
無料GitHub で公開

ln-prototype

Throwaway design probe for logic, state models, UI variations, and affordances before production work. Use when the user wants to prototype, sanity-check a model, make something playable, compare UI directions, or explore a design before ln-spec/ln-plan/ln-scope.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md4.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Ln Prototype

A prototype is a disposable answer to one design question. Keep the verdict, not the artifact.

Use ln-prototype when the question needs feel, play, or comparison. Use ln-spike when the question is technical feasibility or unknown API behavior.

Input

Prototype question or design uncertainty: $ARGUMENTS

Orient first:

  1. Read memory/SPEC.md if present; use its lexicon and live invariants.
  2. Read memory/PLAN.md if present; identify whether the prototype serves an existing frontier item.
  3. Read HANDOFF.md if present.
  4. Inspect nearby code only enough to place the prototype where it is understandable and runnable.

Write a 2-4 bullet orientation note: question, prototype branch, nearest seam/page/module, answer-capture path.

Choose one branch

Ask if ambiguous and the user is present; otherwise state the assumption.

Logic prototype

Use for state, transition, reducer, parser, planner, or workflow questions. Build a tiny interactive terminal app or CLI harness around a portable logic module.

Good shapes:

  • pure reducer: (state, action) => state
  • explicit state machine with named states and legal transitions
  • small pure functions over plain data
  • state-owning module/class only when internal ongoing state is the question

Keep the shell thin. The logic must not know about prompts, terminal escape codes, stdout, or UI widgets.

UI prototype

Use for layout, interaction, navigation, approval/recovery, inspection, or comparison questions.

Generate several meaningfully different variants in one local route/page/screen, switchable by URL search param or floating switcher. Prefer adapting an existing page over inventing a playground. Variants should differ by design bet, not skin: name the bet each variant tests.

Prototype discipline

  1. Throwaway from day one. Name files/routes with prototype, scratch, or equivalent. Add: PROTOTYPE — delete or absorb after verdict.
  2. Near the real seam. Keep context obvious; avoid public exports unless needed to run it.
  3. One command to run. Use the repo's task runner and record the exact command.
  4. No persistence by default. Use memory. If persistence is the question, use clearly wipeable scratch storage.
  5. No production polish. Skip comprehensive tests, abstractions, analytics, and hardening beyond safe evaluation.
  6. Surface state. After each logic action or UI variant switch, show relevant inputs, outputs, and state.
  7. One question only. New questions become follow-up prototypes, spikes, or scope cards.

Capture the verdict

## Prototype Verdict: [question]

**Branch:** logic | UI
**Command:** [how to run]
**What we tried:** [variants/actions/cases]
**Verdict:** [decision or remaining uncertainty]
**Absorb:** [what production code/spec/plan should inherit]
**Delete:** [prototype files/routes/storage to remove]

Durability routing:

  • Requirements, assumptions, invariants, or lexicon changed → ln-spec.
  • Sequencing or frontier changed → ln-plan.
  • One implementation slice is now obvious → ln-scope.
  • Human judgment remains pending → record volatile state in HANDOFF.md.

Do not create CONTEXT.md, ADRs, or alternate planning docs. Canonical docs are memory/SPEC.md and memory/PLAN.md.

Cleanup

Finish by stating one of:

  • deleted prototype files
  • kept prototype temporarily, with reason and deletion trigger
  • absorbed prototype into production through a scoped build

If prototype files remain, they must be visibly non-production and easy to find.

Routing

After the verdict, present these options to the user (use tool-ask-question):

#LabelTargetWhy
1Revise specln-specPrototype changed durable understanding
2Revise planln-planPrototype changed sequencing or frontier shape
3Scope a sliceln-scopePrototype answered enough to build
4Spike insteadln-spikeThe remaining question is technical feasibility
5Back to triageln-consultPrototype did not settle direction

Recommended: 3 when the prototype produced a concrete build direction; 1 when it changed the model.


Adapted from mattpocock/skills/engineering/prototype.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.

日本語の概要は準備中です。原文の説明を表示しています。

hashintel/brunch82026年10月8日 更新

Search the live web via Perplexity Search API. Use when you need current documentation, release notes, vendor pages, news, domain-constrained web search, or date/recency filtering. Not for local codebase search or stable docs already in context.

日本語の概要は準備中です。原文の説明を表示しています。

hashintel/brunch82026年10月8日 更新

cli-cdp

無料

Chrome DevTools CLI for browser automation via shell commands. Use when interacting with web pages from the command line — navigating, clicking, filling forms, inspecting console/network, taking screenshots, or extracting page content. Triggers on: browse a page, automate Chrome, inspect console, check network requests, take a screenshot, fill a form, click a button.

日本語の概要は準備中です。原文の説明を表示しています。

hashintel/brunch82026年10月8日 更新

Uses the chrome-devtools-axi CLI for browser automation, accessibility-tree snapshots, console and network inspection, screenshots, Lighthouse audits, and performance traces. Use when interacting with Chrome from the shell, especially when the user mentions chrome-devtools-axi, AX snapshots, browser debugging, or DevTools automation from the command line.

日本語の概要は準備中です。原文の説明を表示しています。

hashintel/brunch82026年10月8日 更新

cli-cmux

無料

Deep expertise in cmux — the terminal multiplexer with native browser views. Use when managing panes, reading terminal output, sending keystrokes, opening browser views, or manually testing web UIs and TUIs inside cmux. Triggers on: cmux, open a browser pane, split terminal, read screen, send keys, test this UI in cmux, preview in cmux.

日本語の概要は準備中です。原文の説明を表示しています。

hashintel/brunch82026年10月8日 更新

Uses the gh-axi CLI for GitHub shell operations: issue, pull request, workflow run, release, repo, search, and API tasks. Prefer this over regular `gh` for GitHub reads and simple mutations when an agent needs compact, structured, suggestion-rich output. Triggers on: gh, GitHub CLI, github issue, github pr, pull request, workflow run, github release, gh api, repo inspection, list PRs, view issue, check workflow runs, inspect repo, GitHub shell operations.

日本語の概要は準備中です。原文の説明を表示しています。

hashintel/brunch82026年10月8日 更新

hashintel のスキルをすべて見る

このスキルの問題を報告する