Claude-Code-Agent-Design-Kit은(는) 무엇을 하나요?
최고의 AI 기반 UI/UX 디자인 생성기 및 코드 어시스턴트 2026
- 출처: https://github.com/MichelSR25/Claude-Code-Agent-Design-Kit
- GitHub 별: 0
- 마지막 푸시: 2026-06-16T09:21:46Z
- Awesome Skills 데일리 스킬 헌터가 2026-06-16에 추가함.
최고의 AI 기반 UI/UX 디자인 생성기 및 코드 어시스턴트 2026
이 스킬은 AI 에이전트(Claude Code, Cursor, Codex 등)를 위한 포괄적인 UI/UX 디자인 생성 및 코드 어시스턴트입니다. 개발자가 자연어 설명이나 스케치를 바탕으로 완전한 디자인 시스템, 컴포넌트, 그리고 반응형 레이아웃을 자동으로 생성할 수 있도록 도와줍니다. 이 스킬은 Tailwind CSS, styled-components, Bootstrap 등 널리 사용되는 CSS 프레임워크와 호환되며, 사용자 프롬프트를 분석하여 일관된 디자인 토큰과 접근성(Accessibility)을 고려한 코드를 생성합니다. SKILL.md 문서에는 AI 에이전트가 디자인을 구조화하고 반복적으로 개선하기 위한 워크플로우, API 사용법, 모범 사례가 상세히 명시되어 있습니다. 이를 통해 개발자는 생산성을 극대화하고, 디자인-코드 간 격차를 최소화할 수 있습니다.
npx skills add MichelSR25/Claude-Code-Agent-Design-Kit최고의 AI 기반 UI/UX 디자인 생성기 및 코드 어시스턴트 2026
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".