메뉴
Use after building or changing UI — when new components were added and the design system could drift (buttons, spacing, colors, badges diverging across pages). Use when you suspect UI inconsistency has crept in across sessions.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when setting up a project's structure, or when the agent needs the stack, folder layout, data flow, schemas, and the hard boundary rules it must never cross. Use when code keeps crossing layers (UI logic in API routes, DB calls in components).
Use when planning what to build and in what order — splitting a project into sequenced, scoped feature phases so the agent never has to decide "what's next" on its own. Use when work feels like random feature-hopping.
Use when establishing or enforcing how code is written in a project — naming, conventions, file structure, error handling — so the agent stays consistent across sessions instead of drifting into its own style by week two.
Use when a project depends on third-party libraries and the agent needs project-specific usage rules — and must check for an MCP server or current docs — before coding against a library it only half-remembers.
Use when tracking build progress across sessions — a living checklist updated as features complete, so a new session knows exactly where work left off without re-explaining.
Use when starting a new project, or when the agent lacks a clear picture of what's being built, who it's for, and what is explicitly out of scope. Use when a build keeps producing things nobody asked for.
| name | imprint |
| description | Use after building or changing UI — when new components were added and the design system could drift (buttons, spacing, colors, badges diverging across pages). Use when you suspect UI inconsistency has crept in across sessions. |
Across sessions, UI silently drifts — slightly different buttons, off spacing, one-off colors. imprint captures new component patterns into a UI registry and reconciles the codebase against it, so the design system stays coherent without you eyeballing every page.
context/ui-registry.md): its purpose + the exact classes/tokens it uses.A ui-tokens file (colors, spacing, radius, type scale as variables) and a ui-rules file (how components look/behave). The registry is the living index imprint maintains on top of them.