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