directions-lab
搭建设计方向实验页,在已上线 UI(Today)旁展示 2–3 个设计方向,提供界面标签页、主题与动画开关,以及 V1 MVP 悬停动效,并注册到 design-proposals Storybook。用于设计方向页面或实验页,或对照生产界面探索设计方向。
译文已校对查看英文原文
Scaffold a directions lab that shows shipped UI (Today) beside 2-3 design directions, with surface tabs, theme and animation toggles and the V1 MVP hover motion, registered in design-proposals Storybook. Use for a directions page or lab, or to explore design directions next to production.
适用对象:设计与内容创作。自动收录 · 待核查。
原作者说明节选
从固定版本的 SKILL.md 提取,保留原文语言。以下内容属于作者说明,本站尚未验证安装、兼容或运行结果。
查看英文原文
原文涵盖的主题
- Directions lab
- What you are making
- Before you start
- Read the brief, then ground the subject
- Ask, in one call
- State what you derived, then scaffold
- Look at it
- Commit the scaffold, then draw
A directions lab is how design explorations are made in this repo: one page, one feature, Today plus two or three directions, every surface the feature appears on, and the same controls every time, so a shared link reads the same to everyone. The artifact directions lab (ui/src/artifact-directions) is the precedent and stays the frozen reference; this skill generates new labs in the same shape without redrawing the plumbing by hand. The page. ui/ -directions.html plus ui/src/ -directions/, a second Vite entry with no backend. All state lives in the URL (?d=&s=&theme=&chrome=&anim=, plus proposal=1 for the proposal palette). A registry module is the single source for the direction ids, digit keys, labels, surfaces, landing view and story id; the toolbar, keyboard, overview board and capture script read it at runtime, and add-direction keeps the story's per-direction export in step, so a direction is one registry entry plus one directory. The toolbar. Row 1 is the directions row: the numbered directions then 0.Today last, as a segmented control, with Theme and Animation right-aligned. Row 2 is the surfaces row: Overview plus one tab per surface. Row 2 is written only when the lab is
这里只展示节选,请以完整原文和当前要求为准。
- 来源仓库
- paperclipai/paperclip
- 源文件
- .agents/skills/directions-lab/SKILL.md
- 固定版本
- 1ca3e8ea2a759e511ab2d2659339c6c770a7a2ba
来源与内容状态
本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。
原作者:paperclipai/paperclip · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-10T02:01:27.143Z。
分类由名称、说明与路径规则生成,分类不代表已核实适配。
许可与权利归属
MIT。第三方内容及版权归原作者,使用条件以原文为准。
许可原文 ↗本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。
限制与注意事项
- 元数据收录不代表本站已经安装、适配、实测或进行安全审查。