메뉴
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:
