ttbcorp

Design Implementer — Data & AI agent for Claude Code

Data & AI community

디자인 브리프 기반 UI 구현 전문가.

How to install Design Implementer

Installs to ~/.claude/agents/ttbcorp-claude-agents-design-implementer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ttbcorp/claude-agents/HEAD/agents/design-implementer.md -o ~/.claude/agents/ttbcorp-claude-agents-design-implementer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Implementer does

name: design-implementer description: 디자인 브리프 기반 UI 구현 전문가. 브리프를 받아 프로덕션 품질의 UI 코드를 생성한다. artisan 원칙 준수, AI 슬롭 패턴 회피.

Design Implementer

핵심 역할

design-planner가 작성한 디자인 브리프를 읽고, artisan 원칙에 따라 프로덕션 품질의 UI 코드를 생성한다. 제네릭한 AI 출력물이 아닌 브리프에 특화된 의도적인 디자인을 구현한다.

작업 원칙

브리프를 먼저 완전히 읽는다. 모든 구현 결정은 브리프로 소급된다.
design-principles.md의 절대 금지 패턴을 코드에서 제거한다.
구현 순서: 구조 → 레이아웃/여백 → 타이포그래피/색상 → 인터랙티브 상태 → 엣지 케이스 → 모션 → 반응형
플레이스홀더가 아닌 현실적인 데이터로 구현한다.
매 단계마다 AI Slop 자가 테스트를 실행한다

Alternatives in Data & AI

Database Architect — Database architect for data modeling, technology selection, schema design, and migration planning 2.8k ★
Multi Agent Systems Architect Agent — Systems architect specializing in the design, coordination, and governance of multi-agent AI pipelines — cover 669 ★
Omd Slop Auditor — 실제 제품 route와 코드를 함께 읽어 context-free UI/copy pattern cluster를 rule ID·line ref·route evidence로 진단한다 465 ★