jakubkrehel/skills

해결하는 문제

고품질 사용자 인터페이스를 구축하는 것은 복잡하며 접근성, 타이포그래피, 레이아웃, 시각적 완성도에 대한 지속적인 관심이 필요합니다. 이 프로젝트는 이러한 디자인 엔지니어링 작업을 자동화하는 전문 에이전트 스킬 모음을 제공하여 개발자가 회귀를 식별하고 더 일관되고 전문적인 인터페이스를 구축할 수 있도록 돕습니다.

작동 방식

이 프로젝트는 Claude Code와 같은 개발 환경에 통합할 수 있는 모듈식 스킬 세트로 작동합니다. 이러한 스킬은 코드 검토, 디자인 토큰 생성, 컴포넌트 스트레스 테스트, 디자인 파일을 기능적 UI로 변환하는 전문 어시스턴트 역할을 합니다. 특정 스킬을 호출하여 풀 리퀘스트를 감사하거나, 색상 팔레트를 생성하거나, 테스트를 위해 컴포넌트 상태를 렌더링할 수 있습니다.

대상 사용자

UI 유지 관리의 반복적인 측면을 자동화하고 프로젝트가 높은 디자인 및 접근성 표준을 준수하도록 보장하려는 디자인 엔지니어와 프론트엔드 개발자를 위한 것입니다.

주요 기능

• 접근성, 레이아웃, 작성, 타이포그래피, 색상을 다루는 포괄적인 UI 검토.
• WCAG 2.2 표준에 따른 자동 접근성 검사.
• 자동 상태 렌더링 및 시나리오 테스트를 통한 컴포넌트 스트레스 테스트.
• 기존 토큰을 사용하여 Figma 파일이나 이미지에서 UI를 구축하는 디자인-투-코드 기능.
• 의미론적 색상 토큰 생성 및 복잡한 타이포그래피 스케일 관리를 위한 도구.
• 활성 브랜치 및 풀 리퀘스트 검토를 지원하여 인터페이스 회귀를 포착합니다.