teach-impeccable

개요

teach-impeccable은 프로젝트의 디자인 컨텍스트와 가이드라인을 AI 설정 파일에 캡처하고 문서화하여 지속적으로 유지할 수 있게 돕는 UI 디자인 스킬입니다. 이 일회성 설정을 통해 디자인 기준을 명확히 정의하고 팀과 AI 에이전트가 일관되게 참고할 수 있습니다. 통합된 UI 디자인 언어를 구축하거나 유지하려는 프로젝트에 특히 유용합니다.

teach-impeccable은 무엇을 하나요?

• 코드베이스와 문서에서 핵심 디자인 컨텍스트를 수집합니다
• UX 및 브랜드 관련 질문을 통해 부족한 부분을 채웁니다
• 결과 가이드라인을 AI 설정에 저장하여 향후 참조할 수 있게 합니다

누가 이 스킬을 사용해야 하나요?

• UI/UX 디자이너, 프론트엔드 개발자, 프로젝트 유지 관리자
• 새 프로젝트를 시작하거나 디자인 기준을 공식화하는 팀
• AI 지원 워크플로우 전반에 걸쳐 디자인 일관성을 확보하려는 모든 사용자

teach-impeccable이 해결하는 문제

• UI 디자인 결정의 모호성을 줄입니다
• 모든 참여자와 AI 도구가 디자인 컨텍스트에 접근할 수 있게 합니다
• 가이드라인을 지속적으로 유지하여 디자인 일탈을 방지합니다

사용법

설치 단계

1. 다음 명령어로 프로젝트에 스킬을 추가하세요:

   npx skills add https://github.com/pbakaus/impeccable --skill teach-impeccable

2. SKILL.md 파일을 확인하여 안내된 워크플로우와 체크리스트를 참고하세요.

초기 설정 과정

• 코드베이스와 문서를 탐색하며 기존 디자인 컨텍스트를 수집하세요 (README.md, package.json, 스타일 가이드, 브랜드 자산 등).
• 스킬의 질문에 답하며 사용자 요구, 브랜드 성격, 미적 선호도를 명확히 하세요.
• 발견한 내용과 답변을 AI 설정 파일에 문서화하세요.

권장 사항

• 디자이너와 개발자가 함께 참여하여 포괄적으로 설정하세요.
• 프로젝트가 발전함에 따라 디자인 컨텍스트를 주기적으로 검토하고 업데이트하세요.

teach-impeccable이 적합한 경우

• 새로운 UI 프로젝트를 시작하거나 신규 팀원을 온보딩할 때
• 디자인 가이드라인을 공식화하거나 갱신해야 할 때
• 지속적인 디자인 컨텍스트가 필요한 AI 에이전트를 사용하는 프로젝트

적합하지 않을 수 있는 경우

• UI나 디자인 요구 사항이 없는 프로젝트
• 이미 견고하고 강제되는 디자인 시스템과 설정이 있는 경우

자주 묻는 질문

주요 워크플로우와 체크리스트는 어디서 볼 수 있나요?

스킬 디렉터리 내 SKILL.md 파일에서 단계별 가이드를 확인할 수 있습니다.

먼저 검토해야 할 파일은 무엇인가요?

SKILL.md를 시작으로, 추가 컨텍스트를 위해 README.md, AGENTS.md, metadata.json 및 rules/, resources/ 같은 지원 폴더를 검토하세요.

teach-impeccable이 디자인 결정을 강제하나요?

아니요, 가이드라인을 문서화하고 지속하는 데 도움을 주지만 자동으로 강제하지는 않습니다.

나중에 디자인 컨텍스트를 업데이트할 수 있나요?

네, 워크플로우를 다시 실행하거나 AI 설정 파일을 수동으로 업데이트할 수 있습니다.

관련 파일 전체는 어디서 볼 수 있나요?

저장소의 파일 탭을 열어 전체 파일 트리와 참조 및 보조 스크립트를 탐색할 수 있습니다.