Communitygithub.com

ux-ui-agent-skills

Claude를 디자인 토큰, 접근 가능한 컴포넌트, 그리고 프로덕션 준비가 완료된 React, Next.js, SwiftUI 출력을 위한 UX/UI 에이전트로 변환합니다.

ux-ui-agent-skills란 무엇인가요?

이 스킬은 Claude를 강력한 UX/UI 에이전트로 전환하여 디자인 토큰, 접근성(a11y)을 갖춘 컴포넌트, 그리고 프로덕션에 바로 사용 가능한 React, Next.js, SwiftUI 출력을 생성합니다. 디자인 시스템 구축, 컴포넌트 개발, UI 구현 시 일관성을 유지하고자 하는 개발자에게 유용합니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 주요 AI 어시스턴트 플랫폼에서 사용할 수 있으며, SKILL.md 문서에 정의된 프롬프트와 규칙을 통해 에이전트의 행동을 지시합니다. 에이전트는 디자인 토큰(색상, 타이포그래피, 간격 등)을 기반으로 접근 가능하고 재사용 가능한 UI 컴포넌트를 생성하며, 최종 출력은 성능과 접근성 모범 사례를 준수하는 프로덕션 코드입니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add sterlingpathological200/ux-ui-agent-skills

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

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

문서

ux-ui-agent-skills은(는) 무엇을 하나요?

Claude를 디자인 토큰, 접근 가능한 컴포넌트, 그리고 프로덕션 준비가 완료된 React, Next.js, SwiftUI 출력을 위한 UX/UI 에이전트로 변환합니다.

관련 스킬