菜单
Use when defining ShotgunCV frontend UI foundations, design tokens, component states, accessibility rules, layout density, or implementation handoff constraints.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when designing ShotgunCV AI feedback, correction, override, retry, reset, preference, or human-in-the-loop controls.
Use when designing ShotgunCV AI output, recommendations, scoring, ranking, summaries, generated resumes, or model-assisted decisions.
Use when designing ShotgunCV tables, ranking lists, filters, sorting, bulk actions, comparison views, or data-dense review queues.
Use when designing ShotgunCV dashboards, operational workspaces, run viewers, detail pages, monitoring pages, or workflow-heavy product screens.
| name | designing-workbench-design-system |
| description | Use when defining ShotgunCV frontend UI foundations, design tokens, component states, accessibility rules, layout density, or implementation handoff constraints. |
ShotgunCV's design system preserves repeatable decisions for a local, Chinese-first, artifact-driven workbench: tokens, components, states, accessibility, content tone, and density. It should constrain the UI enough that new screens feel like the same operational product.
| Foundation | Rule |
|---|---|
| Color | Use cold neutrals for structure, semantic colors for status/risk, and restrained accents for focus. |
| Typography | Use compact hierarchy; avoid viewport-scaled font sizes and oversized headings inside workbench panels. |
| Spacing | Use predictable steps; keep dense pages readable through grouping, not whitespace excess. |
| Radius | Default to small radii for operational UI. |
| Elevation | Use borders and subtle shadows for layers, not decorative depth. |
| Motion | Use motion to preserve orientation, never to delay repeated work. |
| Language | Default visible copy to Chinese; keep English only for technical identifiers and artifact names. |
Every reusable component should define:
