ss-restyle について
ss-restyle は、画面に統一した美的プロファイルを適用する StyleSeed スキルです。プリセットを1つ選び、出力グラマーの制約内で関連するスタイル値を調整します。
主な機能
- 01美的プリセットを1つ選択
- 02角丸・密度・書体・配色を調整
- 03出力グラマーと中核制約を維持
- 04設定を更新してコード評価を実行
- 05描画可能な場合に視覚検証
活用シーン
- 01画面に一貫した美的方向性を適用
- 02既存ブランドやフォント制約内でスタイル調整
- 03コード評価と描画結果による変更確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ bitjaru/ styleseed --skill ss-restyleインストール後、Claude Code で/ss-restyleを入力して読み込まれたか確認します。
詳細
このワークフローの前に、セッションごとに1回の更新前チェックを実行してください。
美的プロファイルを適用する
レジストリ優先のアーティファクト境界
.styleseed/project.json と .styleseed/artifacts/index.json が存在する場合は、最初に要求されたアーティファクト ID を解決し、その後 .styleseed/bundles/<artifact-id>.md と .styleseed/manifests/<artifact-id>.json のみを読み取ります。レジストリを持つプロジェクトでは、グローバルなレガシーバンドルにフォールバックしないでください。レガシープロジェクトでは、レジストリが存在しない場合に限り .styleseed/effective-rules.md を使用できます。
PRODUCT-PRINCIPLES.md、RULESETS.md、PRESETS.md、STYLESEED.md を読み取ります。プロファイルは連携する視覚的な軸であり、出力文法は注意、情報、アクションを整理します。両者は分けてください。
ワークフロー
- ロックに出力文法が1つだけ指定されていることを確認します。指定されていない場合は、先に
/ss-setupを実行します。 PRESETS.mdからプロファイルをちょうど1つ選択するか、noneを選択します。プロファイルを重ねて適用しないでください。- 連携する角丸、密度、タイポグラフィ、パレットの温度感、エレベーション、モーション、構成のアクセント、シグネチャーとなる工夫を、出力文法で許可された範囲内で適用します。
- 互換性がある場合は、意図的に設定されたブランド値と必須フォントを維持します。互換性がない場合は、出力文法とコア不変条件を優先し、競合について説明します。
STYLESEED.mdのAesthetic profileと、影響を受ける範囲指定済みの値を更新します。出力文法や、参照資料からコンパイルされたルールセットを書き換えないでください。/ss-scoreを実行してスコアを80以上にし、レンダリング可能な場合は/ss-verifyを実行します。プロファイル名だけでなく、有効なルールセット全体を報告します。
ルール
- プロファイルは任意の外観調整であり、デザイン手法の適用を免除するものではありません。
technicalプロファイルを適用しても、コマースページがオブザーバビリティコンソールに変わるわけではありません。editorialプロファイルは、トランザクションワークフローで読みにくいセリフ体の本文を正当化するものではありません。brutalist-liteでも、一貫した状態、コントラスト、1種類のボーダー表現が必要です。- 1軸の変更には
/ss-dialを、新しいエビデンス由来の表現には/ss-referenceを使用します。
コメント
Markdown 対応