create-new-design이란?
미리보기 구성 요소, 세부 정보 페이지 및 기본 페이지 항목을 사용하여 디자인 영감 저장소에서 새 디자인을 스캐폴드합니다. 새로운 디자인을 만들거나, 디자인 영감을 추가하거나, 스캐폴딩 디자인 파일을 만들 때 사용하세요. 출처: ainergiz/design-inspirations.
미리보기 구성 요소, 세부 정보 페이지 및 기본 페이지 항목을 사용하여 디자인 영감 저장소에서 새 디자인을 스캐폴드합니다. 새로운 디자인을 만들거나, 디자인 영감을 추가하거나, 스캐폴딩 디자인 파일을 만들 때 사용하세요.
명령줄에서 create-new-design AI 스킬을 개발 환경에 빠르게 설치
출처: ainergiz/design-inspirations.
Scaffold a new design inspiration with the correct file structure, ViewTransition naming, and component patterns.
| Light card | [design-id]-light | pricing-table-light | | Dark card | [design-id]-dark | pricing-table-dark | | Light panel | [design-id]-light-panel | pricing-table-light-panel | | Dark panel | [design-id]-dark-panel | pricing-table-dark-panel |
If your component has custom animations (e.g., carousels, progress bars), add keyframes to src/app/globals.css:
미리보기 구성 요소, 세부 정보 페이지 및 기본 페이지 항목을 사용하여 디자인 영감 저장소에서 새 디자인을 스캐폴드합니다. 새로운 디자인을 만들거나, 디자인 영감을 추가하거나, 스캐폴딩 디자인 파일을 만들 때 사용하세요. 출처: ainergiz/design-inspirations.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design미리보기 구성 요소, 세부 정보 페이지 및 기본 페이지 항목을 사용하여 디자인 영감 저장소에서 새 디자인을 스캐폴드합니다. 새로운 디자인을 만들거나, 디자인 영감을 추가하거나, 스캐폴딩 디자인 파일을 만들 때 사용하세요. 출처: ainergiz/design-inspirations.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/ainergiz/design-inspirations