styleseed について
styleseedは、依頼に応じて22のワークフローから最初の1つを選ぶデザインスキルです。プロジェクトの成果物を解決し、許可された範囲と承認済みのデザインを尊重する手順を定めています。
主な機能
- 01依頼に応じて最初のワークフローを選択
- 02登録済みの成果物を優先して解決
- 03許可範囲と承認済みの選択を尊重
- 0422のデザインワークフローを同梱
活用シーン
- 01画面の再設計に使うワークフローの選択
- 02登録済みデザイン成果物の解決
- 03プロジェクト状態の読み取り専用確認
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ bitjaru/ styleseed --skill styleseedインストール後、Claude Code で/styleseedを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
workflows/ss-a11y/WORKFLOW.mdworkflows/ss-audit/WORKFLOW.mdworkflows/ss-build/WORKFLOW.mdworkflows/ss-component/WORKFLOW.mdworkflows/ss-copy/WORKFLOW.mdworkflows/ss-dial/WORKFLOW.mdworkflows/ss-feedback/WORKFLOW.mdworkflows/ss-flow/WORKFLOW.mdworkflows/ss-lint/WORKFLOW.mdworkflows/ss-motion/WORKFLOW.mdworkflows/ss-page/WORKFLOW.mdworkflows/ss-pattern/WORKFLOW.mdworkflows/ss-reference/WORKFLOW.mdworkflows/ss-resolve/references/artifact-index.schema.jsonartifact.schema.jsoncatalog.jsonmanifest.schema.jsonmigration.mdproject.schema.jsonspacing.mdworkflows/ss-resolve/scripts/compiler.mjsdistribution-integrity.mjslegacy-lock-analysis.mjsmigrate-project.mjspalette-generator.mjsproject-registry.mjsrecommend-spacing.mjsresolve-context.mjsruntime-contract.mjsspacing-contract.mjs詳細
StyleSeed
ユーザーの目標に基づいて、以下のワークフローから最初に実行するものを1つ選びます。登録されているコアスキルはこれだけです。22のワークフローとその実行可能な依存関係は、このディレクトリ内に含まれています。選択したワークフローのみを読み、そのタスクに必要な参照資料を確認します。
レジストリを優先する成果物の境界
.styleseed/project.json と .styleseed/artifacts/index.json が存在する場合、まず要求された成果物を特定します。その成果物の .styleseed/bundles/<artifact-id>.md とマニフェストを読みます。レジストリが不完全または無効な場合はエラーとして扱い、グローバルなレガシーバンドルには決してフォールバックしません。レジストリが存在しない場合に限り、レガシープロジェクトでは .styleseed/effective-rules.md を使用できます。
プロジェクト/タスクセッションで最初のワークフローを実行する前に、 更新前の確認手順に従ってください。
作業上の契約
- 承認済みのプロジェクト設計上の選択を維持します。専門家の判断を尊重します。スコアは人による承認ではありません。
- まず現在の成果物を特定します。候補となる成果物が複数ある場合は、範囲を限定した確認質問を1つ行います。
- すべてのワークフローを実行するために分岐させてはいけません。最初に実行するワークフローを必ず1つ選びます。そのワークフローから必要なゲートを呼び出すことはできます。
- ユーザーが許可した範囲を守ります。監査、採点、検証、ステータス確認の依頼は、編集を許可するものではありません。 ワークフローのメタデータには、意図されたツール/スコープの境界が記録されます。ただし、これはホストへの登録メタデータではありません。
- ワークフローファイル内のパスは、そのファイルを基準とした相対パスです。インストール済みスクリプトは、このスキルの実際のディレクトリから解決してください。特定のエージェントフォルダーを想定したり、見つからない兄弟スキルをダウンロードしたりしてはいけません。
- 古い説明にある
/ss-build、$ss-build、その他のss-*名は、対応する内部ワークフローを指します。workflows/<name>/WORKFLOW.mdを読み、未登録のスキルを呼び出してはいけません。ユーザーは自然言語でStyleSeed build、$styleseed build、または古いワークフロー名を使うことがあります。 - 学習機能は任意の拡張であり、コアインストールには含まれません。明示的に学習内容の記録を求められた場合に限り、別途インストールされた
ss-learnを使用します。見つからない場合はその依存関係を報告し、自動インストールは決して行いません。
最初に実行するワークフローを必ず 1 つ選択してください
| リクエスト | 参照先 |
|---|---|
| 画面、ページ、またはコンポーネントを構築または再設計する | build |
| 初回セットアップ、またはデザインロックが存在しない | setup |
| クリエイティブな方向性を探る。方向性がまだ選択されていない | studio |
| スクリーンショット、URL、Figma エクスポート、または既存の UI を参考にする | reference |
| この画面の何が問題か。UX クリティーク | audit |
| プロジェクトのデザインルールに対して実装をレビューする | review |
| 実装をスコアリングする、またはコード/エビデンスのゲートを実行する | score |
| レンダリング結果、スクリーンショット、またはピクセル単位のスペーシングを検査する | verify |
| スペーシング/密度、またはその他の単一のデザイン軸を変更する | dial |
| 美的プロファイルを適用する | restyle |
| ブランドカラー、セマンティックパレット、またはデザイントークン | tokens |
| 名前付きアニメーションまたはモーション処理 | motion |
| ページを具体的にスキャフォールドする | page |
| 再利用可能なコンポーネントを具体的に生成する | component |
| 既存のプリミティブを UI パターンに組み合わせる | pattern |
| アクセシビリティ監査と要求された修正 | a11y |
| クイックデザインリント | lint |
| ナビゲーションとユーザーフロー | flow |
| UX マイクロコピー | copy |
| ローディング、空、成功、またはエラー状態 | feedback |
| インストールを更新する、または古いスキルエントリを統合する | update |
| ルールをコンパイルする、ローカルインストール/バンドル/エビデンスの健全性を検査する | resolve |
ステータスのみのリクエストには、resolve の読み取り専用 scripts/styleseed-doctor.mjs を使用してください。代わりに更新、再コンパイル、または視覚的な検査を行わないでください。曖昧なリクエストについては、プロジェクトの状態とユーザーの目標から最初のステップを推測してください。未解決の選択が作業を大きく変える場合にのみ質問してください。