메뉴
Design review of a development plan. Checks information architecture, interaction design, visual consistency, and accessibility. Use when asked to 'design review of the plan', 'review the UI plan', or 'is the design good'.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Automated plan review. Reads the active plan file and runs strategy, engineering, and design reviews automatically. Challenges assumptions, detects scope creep, suggests alternatives. Use when asked to 'review the plan', 'check my plan', 'is this plan good', 'validate the plan', 'review before implementing', 'plan review', 'technical plan review', 'architecture review of the plan', or 'does this plan make sense'.
Web performance benchmarking. Measures TTFB, FCP, LCP, bundle sizes, and resource loading. Compares against baselines to detect regressions. Use when asked to 'benchmark', 'performance audit', 'check page speed', 'how fast is this site', 'measure load time', 'performance regression', 'check bundle size', 'analyze page performance', 'why is this slow', 'measure web vitals', or 'LCP is too high'.
Use before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation. Chat triggers: 'let's brainstorm', 'brainstorming', 'what should we build', 'how should this work', 'explore options', 'think about this', 'what are the requirements', 'design before build', 'plan this feature', 'what do we need', 'help me think through', 'creative session', 'idea exploration', 'feature brainstorm', 'requirements gathering'.
Post-deploy visual monitoring. Watches the live app after a deploy, takes screenshots, checks console errors, compares against baselines. Use when asked to 'canary', 'monitor production', 'check deploy health', 'verify the site after deploy', 'is the deploy working', 'check for regressions after deploy', 'monitor the release', 'visual health check', or 'did the deploy break anything'.
Safety guardrails for destructive commands. Warns before rm -rf, DROP TABLE, force-push, git reset --hard, and similar destructive operations. Use when asked to 'be careful', 'safety mode', 'prod mode', 'careful mode', 'don't break anything', 'warning mode', 'protect against destructive commands', 'safe mode', or 'double check before running commands'.
Save and resume working state checkpoints. Captures git state, decisions made, and remaining work so you can pick up exactly where you left off — even across sessions. Use when asked to 'checkpoint', 'save progress', 'where was I', 'resume', 'what was I working on', 'pick up where I left off', 'save my work', 'save state', 'pause this', 'come back later', or 'what's left to do'.
| name | plan-design-review |
| source | adapted from gstack (MIT License) |
| trigger | auto+manual |
| version | 1.0.0 |
| description | Design review of a development plan. Checks information architecture, interaction design, visual consistency, and accessibility. Use when asked to 'design review of the plan', 'review the UI plan', or 'is the design good'. |
Review the design aspects of a development plan.
DESIGN PLAN REVIEW
═══════════════════════════════
Plan: {title}
Information architecture: {score}/10 — {summary}
Interaction design: {score}/10 — {summary}
Visual consistency: {score}/10 — {summary}
Accessibility: {score}/10 — {summary}
Responsive: {score}/10 — {summary}
Top 3 design concerns:
1. {most critical design issue}
2. {second concern}
3. {third concern}
Recommendations:
1. {highest priority fix}
2. {second priority}