frontend-design-system
✓프로젝트 디자인 시스템을 사용하여 React/Tailwind 프런트엔드를 디자인하고 리팩터링합니다. UI 구성 요소, 페이지, 레이아웃 또는 UX 개선 작업을 할 때 이 기술을 사용하고 AI 슬롭을 방지하는 독특하고 접근 가능하며 일반적이지 않은 디자인을 원합니다.
SKILL.md
This Skill packages opinionated guidance for building and refactoring frontend UI so that output:
If the project uses a different stack (e.g. Svelte, Vue, plain HTML/CSS), keep the same design principles and adapt syntax.
If the repo has existing tokens/components, inspect them first (using Read/Grep/Glob) and align with those patterns.
프로젝트 디자인 시스템을 사용하여 React/Tailwind 프런트엔드를 디자인하고 리팩터링합니다. UI 구성 요소, 페이지, 레이아웃 또는 UX 개선 작업을 할 때 이 기술을 사용하고 AI 슬롭을 방지하는 독특하고 접근 가능하며 일반적이지 않은 디자인을 원합니다. 출처: d-oit/do-novelist-ai.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
frontend-design-system이란?
프로젝트 디자인 시스템을 사용하여 React/Tailwind 프런트엔드를 디자인하고 리팩터링합니다. UI 구성 요소, 페이지, 레이아웃 또는 UX 개선 작업을 할 때 이 기술을 사용하고 AI 슬롭을 방지하는 독특하고 접근 가능하며 일반적이지 않은 디자인을 원합니다. 출처: d-oit/do-novelist-ai.
frontend-design-system 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/d-oit/do-novelist-ai
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01