·create-new-design
</>

create-new-design

Scaffolds a new design in the design-inspirations repo with preview component, detail page, and main page entry. Use when creating a new design, adding a design inspiration, or scaffolding design files.

4Installs·1Trend·@ainergiz

Installation

$npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design

How to Install create-new-design

Quickly install create-new-design AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: ainergiz/design-inspirations.

SKILL.md

View raw

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:

Scaffolds a new design in the design-inspirations repo with preview component, detail page, and main page entry. Use when creating a new design, adding a design inspiration, or scaffolding design files. Source: ainergiz/design-inspirations.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from ainergiz/design-inspirations

Quick answers

What is create-new-design?

Scaffolds a new design in the design-inspirations repo with preview component, detail page, and main page entry. Use when creating a new design, adding a design inspiration, or scaffolding design files. Source: ainergiz/design-inspirations.

How do I install create-new-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/ainergiz/design-inspirations

Details

Category
</>Dev Tools
Source
skills.sh
First Seen
2026-02-25