design-system-generator
✓SPA, 기존 서버 렌더링 사이트 및 하이브리드 시스템 전반에 걸쳐 일관된 UI/UX를 적용하는 프로젝트별 DESIGN_SYSTEM.md를 생성합니다. 토큰, 구성 요소 규칙, 접근성 게이트 및 생산 자산/매니페스트 지침이 포함됩니다.
SKILL.md
This skill generates a project-specific DESIGNSYSTEM.md that enforces consistent UI/UX across:
The design system must be component-based, portable, and practical for real implementation.
Rule 1: Prefer existing stack If the project already uses a template or styling system, adapt to it.
SPA, 기존 서버 렌더링 사이트 및 하이브리드 시스템 전반에 걸쳐 일관된 UI/UX를 적용하는 프로젝트별 DESIGN_SYSTEM.md를 생성합니다. 토큰, 구성 요소 규칙, 접근성 게이트 및 생산 자산/매니페스트 지침이 포함됩니다. 출처: thienanblog/awesome-ai-agent-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
design-system-generator이란?
SPA, 기존 서버 렌더링 사이트 및 하이브리드 시스템 전반에 걸쳐 일관된 UI/UX를 적용하는 프로젝트별 DESIGN_SYSTEM.md를 생성합니다. 토큰, 구성 요소 규칙, 접근성 게이트 및 생산 자산/매니페스트 지침이 포함됩니다. 출처: thienanblog/awesome-ai-agent-skills.
design-system-generator 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/thienanblog/awesome-ai-agent-skills
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01