Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

openprd-diagram-review

生成并迭代 OpenPrd 图示产物,供用户确认或理解。适用于解释型 SVG、架构图、产品流程图、用户旅程、流程图、系统边界图、依赖图,以及 freeze 前的可视化评审场景。

252 repo starsObserved in 1 repos
Design

openprd-frontend-design

OpenPrd 前端设计框架 skill:为界面、页面、视觉、样式和前端体验任务提供设计资产框架、审美立意、反 AI 味门禁和实现前方向评审规则。

252 repo starsObserved in 1 repos
Design

tutorial-cards-layout

教程卡片型 skill。强调章节编号、结构化卡片、截图展示和信息扫描效率。

252 repo starsObserved in 1 repos
Design

panel

Launch or prepare the optional local visual panel for AK-Threads-Booster. Use when the user asks for a dashboard, visual panel, local UI, data cockpit, or quick way to view tracker/compiled data.

251 repo starsObserved in 1 repos
Design

ui-prototype

UI原型工场。基于需求直接生成多套独立的 HTML 原型方案,支持风格继承和多版本对比。

251 repo starsObserved in 1 repos
Design

ux-design-systems

Build consistent design systems with tokens, components, and theming. Use when creating component libraries, implementing design tokens, building theme systems, or ensuring design consistency. Triggers on design system, design tokens, component library, theming, dark mode.

249 repo starsObserved in 4 repos
Design

design-discussion

Collaboratively discuss designs, evaluate trade-offs, and explore alternative implementation approaches. Seeds the conversation with a quick multi-perspective brainstorm.

249 repo starsObserved in 1 repos
Design

product-design

chmonitor's product design system + UX conventions, so every new feature looks and behaves consistent with the rest of the dashboard. Use BEFORE building or reviewing any UI: new pages, charts, cards, dialogs, empty/error/loading states, badges, onboarding, settings. Covers design tokens (OKLCH theme, dark mode, radius, chart colors), shadcn/ui rules, the ChartCard/ChartContainer pattern, data-table system, EmptyState variants, graceful error handling, ?host routing + hooks-at-deepest-consumer, file/route organization, and brand. Triggers: "new page", "add a chart", "build UI", "design", "component", "empty state", "loading", "consistent", "follow-up feature", "match the design".

249 repo starsObserved in 1 repos
Design

layers-interaction-flow

Techniques for mapping interaction structure and flow — places, affordances, edge cases, and failure paths — without committing to visual form

247 repo starsObserved in 3 repos
Design

layers-surface

Techniques for auditing and deciding the surface against the layers below — vocabulary, object consistency, completeness, feedback, hierarchy, accessibility

247 repo starsObserved in 3 repos
Design