构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。
安装
尚未确认此技能的独立目录。下面命令会打开仓库技能选择器，请按上游说明选择技能。
skills CLI
npx skills add vinvcn/mattpocock-skills-zh-CN相关推荐
更多- PPrototypeAdobe官方Render a proposed redesign of a page on the current website as a self-contained static HTML file, then iterate via the impeccable craft loop. Per-page, idempotent, stale-aware. Use when the user asks for a redesign prototype, a before/after comparison, a design preview, a page mockup, a visual diff of the redesign, or invokes `$stardust prototype` (`/stardust:prototype` in Claude Code).设计与前端292 仓库星标
- PPrototypeemilkowalskiBuild multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.设计与前端48.6k 仓库星标
- CCanvas DesignAnthropic官方依据设计理念生成 .png 与 .pdf 格式的海报、艺术作品等静态视觉设计，要求原创而非模仿现有艺术家作品。设计与前端182.9k 仓库星标
- FFrontend DesignAnthropic官方在新建或改造前端界面时提供视觉设计指引，涵盖审美方向与字体排版，帮助避免模板化的默认样式。设计与前端182.9k 仓库星标
- Vvercel-labs/agent-skillsVercel技能合集Vercel 发布的技能合集，包含 React/Next.js 性能优化规则、Web 设计规范审查和 Vercel 项目成本与性能审计。设计与前端9 个技能32.8k 仓库星标
- AAccessibilityMicrosoft官方Primary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.设计与前端194.2k 仓库星标