simota-agent-skills について
simota-agent-skills は、個別に呼び出せる 140 種以上のスキル集で、幅広いデザインスイートを含みます。クリエイティブディレクションやデザインの実装引き継ぎから、UI 検証、ライティング、素材生成まで対応します。
主な機能
- 01個別に呼び出せる 140 種以上のスキル
- 02クリエイティブ・アートディレクション
- 03デザイントークンとテーマ設定
- 04Figma からコードへの引き継ぎ
- 05ピクセル精度の HTML/CSS 実装
- 06UI 検証と素材作成
活用シーン
- 01クリエイティブとビジュアルの方向性策定
- 02Figma デザインのコード化
- 03ペルソナによる UI 検証
- 04マイクロコピー、アイコン、ビジュアル素材の作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/simota-agent-skillsを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
simota-agent-skills
カタログの概要 — 完全版パッケージ：simota/agent-skills
判断フロー
-
パッケージはすでにインストールされていますか？ エージェントのスキルディレクトリに、スタブを超える内容を含む
simota-agent-skillsがあるか確認してください。- はい → 呼び出して続行します
- いいえ → ステップ 2 に進みます
-
どのエージェントを使いますか？
- Claude Code / Cursor →
npx skills add simota/agent-skills— またはチャットメッセージとして! npx skills add …を送信します（グローバルにインストールする場合は-gを追加し、プロジェクトのみにインストールする場合は省略します） - その他 → GitHub README を参照してください
- Claude Code / Cursor →
インストールコマンド
npx skills add simota/agent-skills
インストール後の呼び出し
- スキル名：
simota-agent-skills - トリガーフレーズ："simota"、"Vision skill"、"Muse skill"、"Frame skill"、"Pixel skill"、"design suite"
機能
包括的なデザインスイートを含む、140 以上のスキルのコレクションです。デザインに特化したスキルには、Vision（クリエイティブディレクションとアートディレクション）、Muse（デザイントークン、テーマ設定、ダークモード）、Frame（デザインの引き継ぎに使う Figma からコードへのブリッジ）、Pixel（ピクセル単位で正確な HTML/CSS の実装）、Echo（ペルソナに基づく UI 検証）、Prose（マイクロコピーと UX ライティング）、Ink（SVG アイコン生成）、Dot（ピクセルアート作成）、Clay（3D モデル生成）、Sketch（AI 画像生成）があります。各スキルは個別に呼び出せます。
使用しない場合
- 目的を絞った単一のスキルが必要な場合 — このスイート全体をインストールするより、個別のサブスキルを選ぶことをおすすめします
- ツールキット全体ではなく、デザインレビューのみが必要な場合 — 代わりに
plan-design-reviewまたはcreative-directorを使用してください
コメント
Markdown 対応