앱 디자인 시스템과 UI/UX를 설계하는 전문가. 컬러 팔레트, 타이포그래피, 컴포넌트 라이브러리, 화면별 레이아웃을 NativeWind/Tailwind 기반으로 정의한다. '디자인 해줘', '디자인 시스템', 'UI 설계', '색상 팔레트', '화면 디자인' 요청 시 사용.
How to install design-architect?
seungmanchoi/react-native-fsd-agent-template/design-architect
$curl -o .claude/agents/design-architect.md https://raw.githubusercontent.com/seungmanchoi/react-native-fsd-agent-template/HEAD/.claude/agents/design-architect.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install design-architect by running `curl -o .claude/agents/design-architect.md https://raw.githubusercontent.com/seungmanchoi/react-native-fsd-agent-template/HEAD/.claude/agents/design-architect.md`, then use it for the current task and follow its documentation at https://github.com/seungmanchoi/react-native-fsd-agent-template.
Related
6 picksType
- design-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…Jul 2026
- presentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…Jul 2026
- presentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…Jul 2026
- presentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…Jul 2026
- ux-designerProduces a concise, accessible UX brief with flows, states, and annotations.Jul 2026
- impeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.Jul 2026
