·create-new-design
</>

create-new-design

プレビュー コンポーネント、詳細ページ、メイン ページ エントリを使用して、デザイン インスピレーション リポジトリ内の新しいデザインを足場にします。新しいデザインを作成するとき、デザインのインスピレーションを追加するとき、またはデザイン ファイルを足場にするときに使用します。

4インストール·1トレンド·@ainergiz

インストール

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

create-new-design のインストール方法

コマンドラインで create-new-design AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ainergiz/design-inspirations --skill create-new-design
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from ainergiz/design-inspirations

クイックアンサー

create-new-design とは?

プレビュー コンポーネント、詳細ページ、メイン ページ エントリを使用して、デザイン インスピレーション リポジトリ内の新しいデザインを足場にします。新しいデザインを作成するとき、デザインのインスピレーションを追加するとき、またはデザイン ファイルを足場にするときに使用します。 ソース: ainergiz/design-inspirations。

create-new-design のインストール方法は?

ターミナルまたはコマンドラインツール(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

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-02-25