본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

jakubkrehel/skills

Markdown0 / 0

Claude Code와 Codex 등에 설치해 UI 품질 기준을 적용하는 agent skill 모음입니다.

TL;DR

이 레포는 웹 인터페이스 제작과 개선을 위한 agent skill 모음으로, 특정 애플리케이션 프레임워크나 UI 라이브러리는 아닙니다. better-interface가 UI 품질 점검 흐름을 조율하고, typography·colors·accessibility·layout·writing·UI polish를 담당하는 개별 skill이 세부 기준을 제공합니다. `npx skills add jakubkrehel/skills`로 Claude Code, Codex, Opencode 등 지원 에이전트에 설치할 수 있으며 Claude Code plugin 방식도 제공합니다. 변경 사항이나 pull request를 사용자가 직접 점검시키려면 `interface-review`를 이름으로 호출하면 되므로, 에이전트 기반 프론트엔드 리뷰 체계를 추가하려는 팀에 맞습니다.

핵심 포인트

  • 이 레포는 독립 실행형 앱이 아니라 UI 제작을 돕는 agent skill 모음입니다. Claude Code, Codex, Opencode 등 에이전트에 설치해 인터페이스 관련 작업 지침으로 사용할 수 있습니다. skills.sh를 통한 배포 경로도 제공합니다.
  • better-interface는 UI, typography, colors, accessibility, layout, product writing 관련 skill을 한 번에 조율합니다. 개별 skill을 따로 설치하거나 전체를 함께 설치할 수 있어 작업 범위에 맞춰 구성이 가능합니다. 여러 분야의 인터페이스 품질 기준을 한 흐름에서 적용하려는 경우에 적합합니다.
  • better-ui는 border radius, shadows, animations, micro-interactions를 다루고 better-typography와 better-colors는 글꼴·간격·줄바꿈과 OKLCH 기반 색상·대비·테마를 다룹니다. better-accessibility와 better-layout은 키보드 지원, ARIA, 화면 읽기, 정렬, 읽기 순서, breakpoint를 다룹니다. better-writing은 버튼, 오류, 설정, 빈 상태 같은 UX 문구를 다룹니다.
  • interface-review는 커밋되지 않은 변경 사항, 현재 branch 또는 pull request를 사용자가 직접 요청했을 때 전체 skill 기준으로 점검합니다. 자동으로 실행되지 않으며 이름을 지정해 호출해야 합니다. Claude Code에서는 marketplace와 plugin 명령으로 저장소의 모든 skill을 함께 설치하고 업데이트할 수 있습니다.

3.7k

Stars

123

Forks

+205

Trending

0

조회수

3.7k watchers1 open issuesMIT License

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.