TL;DR

이 레포는 Anthropic의 Claude 디자인 철학을 역공학해 20개 장으로 구성된 시스템 프롬프트와 14개의 절차형 스킬을 제공해 LLM을 일관되고 접근성 중심의 디자인 협업자로 전환한다. 시스템 프롬프트는 콘텐츠·미학·계층·타이포·색상·접근성·상호작용 상태 등 구체적 규칙을 명시하고, 스킬은 착수 질문부터 폴리시 검토까지 단계별로 호출 가능한 절차를 담아 재현성과 품질 보증을 확보한다. Anthropic 모델용 보정 메모와 Codex 변형을 포함해 다양한 실행 환경에 맞춰 조정할 수 있으며 HTML 출력 환경을 전제로 설계되어 플랫폼에 따라 워크플로 문구를 일부 수정해야 한다.

핵심 포인트

• Claude Design의 역공학을 통해 원저자의 설계 철학을 재현한 20장 분량의 시스템 프롬프트가 포함되어 있어 단순한 스타일 가이드가 아니라 행동 규칙과 검증 조건까지 함께 제공한다. 이 프롬프트는 일반적인 'AI 트로프'를 의도적으로 배제하고 팔레트·타이포·상호작용 상태 등 세부 규칙을 명시해 모델 출력의 일관성을 유지한다. 따라서 단순 명령보다 더 깊은 설계 규약을 LLM에 주입할 수 있다.
• 절차형 스킬이 14개로 분류되어 각 작업을 트리거 이름으로 호출할 수 있으며 스킬 간 체인화가 설계되어 있다. 이 구조는 단일 명령형 접근보다 반복 가능하고 검증 가능한 작업 파이프라인을 제공해 대형 프로젝트에서의 단계별 산출 관리가 수월해진다. 또한 스킬에는 접근성·AI 트로프 감지·상호작용 상태 검증처럼 실무에서 자주 누락되는 검사 항목들이 포함되어 있다.
• Anthropic 계열 모델(Fable·Opus 계열)을 위한 보정 메모와 OpenAI Codex 변형을 모두 제공해 다양한 실행 환경에서 동작 특성을 맞출 수 있다. 보정 노트는 조건 기반 트리거와 권한 위임 방식으로 모델의 과잉·과소 동작을 조정하도록 설계되어 실제 운영에서 재현성을 높인다. 플랫폼별 조정 가이드는 HTML 출력·Figma 플러그인 등 대상 환경에 맞춰 프롬프트와 워크플로를 조정하도록 안내한다.
• 시스템 프롬프트 20개 장으로 디자인 역할·워크플로·출력 원칙을 규정해 모델의 일관된 판단을 유도한다. 이 프롬프트는 콘텐츠·미학·계층·타이포·색상·접근성·상태·시스템 사고 등 구체적 규칙을 모두 포함해 수작업 조정 없이도 일정한 산출물을 얻을 수 있게 한다. 프롬프트를 그대로 붙여 사용하는 방식은 다양한 LLM으로 재현 가능하다.