Communitygithub.com

f0d010c/stark

Claude Code용 안티-슬롭 멀티 플랫폼 UI 생성 플러그인입니다. 먼저 트랙 + 방향을 묻습니다. Web(6방향) · Windows(4트랙) · Apple(5트랙) · Android(5트랙).

stark란 무엇인가요?

Stark는 Claude Code 환경에서 안정적이고 일관된 UI를 생성하도록 설계된 고급 멀티 플랫폼 플러그인입니다. '슬롭(slop)'이라고 불리는 엉성하거나 예측하기 어려운 출력을 방지하는 데 중점을 두며, 명확한 트랙과 방향을 먼저 설정함으로써 UI 컴포넌트의 품질을 보장합니다. 각 플랫폼(Web: 6방향, Windows: 4트랙, Apple: 5트랙, Android: 5트랙)에 대해 미리 정의된 구조를 활용하여 정확하고 재사용 가능한 UI 프래그먼트를 생성합니다. 이 플러그인은 프롬프트 기반 인터페이스 디자인을 간소화하여 개발자가 일관된 사용자 경험을 유지하고 휴먼 에러를 줄일 수 있도록 돕습니다. SKILL.md 문서는 플로우, 트랙 옵션, 방향 설정, 플랫폼별 생성 규칙 등 상세한 지침을 제공합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add f0d010c/stark

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

stark은(는) 무엇을 하나요?

Claude Code용 안티-슬롭 멀티 플랫폼 UI 생성 플러그인입니다. 먼저 트랙 + 방향을 묻습니다. Web(6방향) · Windows(4트랙) · Apple(5트랙) · Android(5트랙).


개요

Stark는 Claude Code에서 UI 컴포넌트를 생성할 때 '슬롭(slop)'을 방지하기 위해 설계되었습니다. 각 UI 생성 요청에 대해 사용자가 먼저 트랙과 방향을 선택하도록 하여, 출력의 일관성과 품질을 보장합니다.

지원 플랫폼 및 옵션

플랫폼트랙방향
Web6방향 기반
Windows4트랙 기반
Apple5트랙 기반
Android5트랙 기반
  • Web: 6가지 방향 (예: 로우 컨텍스트, 하이 컨텍스트 등)
  • Windows: 4가지 트랙 (예: 데스크톱, 태블릿 등)
  • Apple: 5가지 트랙 (예: iPhone, iPad, Mac 등)
  • Android: 5가지 트랙 (예: 폰, 태블릿, 폴더블 등)

사용 방법

  1. Claude Code에서 UI 생성 요청을 시작합니다.
  2. Stark가 먼저 플랫폼, 트랙, 방향을 묻습니다.
  3. 선택에 따라 정해진 템플릿을 기반으로 UI 코드가 생성됩니다.
  4. 생성된 UI 코드는 해당 플랫폼의 규칙을 따릅니다.

규칙

  • 항상 먼저 플랫폼, 트랙, 방향을 확인합니다.
  • 미리 정의된 템플릿 외에는 임의로 수정하지 않습니다.
  • 생성된 UI는 해당 플랫폼의 표준을 따릅니다.

예시

사용자: "로그인 화면 UI를 만들어줘"
Claude + Stark: "어느 플랫폼인가요? (Web / Windows / Apple / Android)"
사용자: "Web"
Claude + Stark: "방향을 선택해주세요: [방향 목록]"
사용자: "로우 컨텍스트"
Claude + Stark: [해당 방향에 맞는 UI 코드 생성]

참고

  • 이 플러그인은 Claude Code 전용입니다.
  • 자세한 내용은 원문 저장소를 참조하세요.

관련 스킬