jakubkrehel/skills

어떤 프로젝트인가요?

핵심 기능

• 01접근성, 레이아웃, 문구, 타이포그래피, 색상, UI 검사를 하나의 리뷰로 통합합니다.
• 02WCAG 2.2 기준에 따라 키보드, 포커스, ARIA, 폼을 점검합니다.
• 03색상 팔레트를 생성하고 시맨틱 토큰에 이름을 붙이며 대비를 측정합니다.
• 04기존 프로젝트의 토큰과 컴포넌트를 사용해 Figma 파일이나 디자인 이미지로 UI를 만듭니다.
• 05임시 페이지에서 컴포넌트의 여러 상태를 렌더링해 스트레스 테스트를 진행합니다.

활용 사례

• 병합 전에 pull request를 검토해 인터페이스 회귀를 찾습니다.
• 기존 앱의 키보드 내비게이션과 스크린 리더 문제를 점검합니다.
• 시맨틱 토큰과 대비 검사를 활용해 색상 시스템을 설정합니다.
• Figma 디자인을 디자인 시스템에 맞는 코드로 구현합니다.

빠른 시작

1. 1

   skills 컬렉션을 설치하세요

   npx skills add jakubkrehel/skills
2. 2

   또는 Claude Code 플러그인 마켓플레이스를 추가하세요

   /plugin marketplace add jakubkrehel/skills
3. 3

   그런 다음 플러그인을 설치하세요

   /plugin install interfaces@interfaces

사용 전 알아둘 점

• !Markdown 형식의 에이전트 스킬로 구성되어 있어, 사용하려면 호환되는 AI 코딩 에이전트가 필요합니다.

토픽

자주 묻는 질문

skills은(는) 무엇인가요?

접근성, 레이아웃, 타이포그래피 등을 개선하는 에이전트 스킬 모음 이 저장소에는 AI 코딩 에이전트가 불러와 인터페이스 작업을 개선할 수 있는 재사용 가능한 지침 묶음인 에이전트 스킬이 모여 있습니다. 스킬은 접근성, 레이아웃, 타이포그래피, 색상, 인터페이스 문구, UI 다듬기를 다루며, 각 스킬을 개별적으로 사용하거나 단일 리뷰 스킬에 조합해 사용할 수 있습니다.

skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

skills은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. skills의 마지막 커밋은 2026년 10월 13일입니다.

skills은(는) 어디에 사용할 수 있나요?

병합 전에 pull request를 검토해 인터페이스 회귀를 찾습니다. 기존 앱의 키보드 내비게이션과 스크린 리더 문제를 점검합니다. 시맨틱 토큰과 대비 검사를 활용해 색상 시스템을 설정합니다. Figma 디자인을 디자인 시스템에 맞는 코드로 구현합니다.

skills는 어떻게 설치하나요?

skills 컬렉션을 설치하세요: npx skills add jakubkrehel/skills 또는 Claude Code 플러그인 마켓플레이스를 추가하세요: /plugin marketplace add jakubkrehel/skills 그런 다음 플러그인을 설치하세요: /plugin install interfaces@interfaces

skills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/jakubkrehel/skills