prototype

用途概括构建可丢弃的原型,快速验证状态模型或UI设计,通过逻辑原型或UI原型回答设计问题。

业务领域

CodingDesign

技能形态

Workflow
所需工具
语言环境
nodejspythonbun
包管理器
pnpm

Agent Skill 规格描述

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

使用场景

两种典型用法

场景 01

验证逻辑或状态模型

当用户对某个状态机或业务逻辑的正确性存疑时,使用逻辑原型分支。Agent会构建一个交互式终端应用,通过模拟各种情况来推动状态变化,并实时展示状态,帮助用户快速验证设计是否合理。

场景 02

探索UI外观设计

当用户不确定UI应该呈现什么样式时,使用UI原型分支。Agent会生成多个截然不同的UI变体,通过URL参数和浮动底部栏切换,让用户直观对比不同设计方案,快速做出选择。

技能关系

我用了哪些 Skills · 哪些 skills 用了我

依赖关系读作“上一格指向下一格”。当前 Skill 位于第二格,上下分别是影响它与被它影响的 Skill。

第一层 · 这些 Skills 用了我

  • 无显式依赖

第二层 · 当前 Skill

  • prototypeWorkflow

第三层 · 我用了这些 Skills

技能文件

SKILL.md

在 GitHub 打开 ↗
SKILL.md从 GitHub 加载中…

目录结构

技能结构

在 GitHub 打开 ↗
  • skills/prototype/
  • root
    • ·LOGIC.md
    • ·SKILL.md
    • ·UI.md

按 Agent Skills 规范,必需项仅 SKILL.md;其余目录均为可选的脚本 / 引用 / 资源扩展。