mcpField
S
ss-restyle

ss-restyle

github.com/bitjaruデザイン・UI993780 回インストール今日更新
リポジトリ

ss-restyle について

ss-restyle は、画面に統一した美的プロファイルを適用する StyleSeed スキルです。プリセットを1つ選び、出力グラマーの制約内で関連するスタイル値を調整します。

主な機能

  1. 01美的プリセットを1つ選択
  2. 02角丸・密度・書体・配色を調整
  3. 03出力グラマーと中核制約を維持
  4. 04設定を更新してコード評価を実行
  5. 05描画可能な場合に視覚検証

活用シーン

  1. 01画面に一貫した美的方向性を適用
  2. 02既存ブランドやフォント制約内でスタイル調整
  3. 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. ロックに出力文法が1つだけ指定されていることを確認します。指定されていない場合は、先に /ss-setup を実行します。
  2. PRESETS.md からプロファイルをちょうど1つ選択するか、none を選択します。プロファイルを重ねて適用しないでください。
  3. 連携する角丸、密度、タイポグラフィ、パレットの温度感、エレベーション、モーション、構成のアクセント、シグネチャーとなる工夫を、出力文法で許可された範囲内で適用します。
  4. 互換性がある場合は、意図的に設定されたブランド値と必須フォントを維持します。互換性がない場合は、出力文法とコア不変条件を優先し、競合について説明します。
  5. STYLESEED.md の Aesthetic profile と、影響を受ける範囲指定済みの値を更新します。出力文法や、参照資料からコンパイルされたルールセットを書き換えないでください。
  6. /ss-score を実行してスコアを80以上にし、レンダリング可能な場合は /ss-verify を実行します。プロファイル名だけでなく、有効なルールセット全体を報告します。

ルール

  • プロファイルは任意の外観調整であり、デザイン手法の適用を免除するものではありません。
  • technical プロファイルを適用しても、コマースページがオブザーバビリティコンソールに変わるわけではありません。
  • editorial プロファイルは、トランザクションワークフローで読みにくいセリフ体の本文を正当化するものではありません。
  • brutalist-lite でも、一貫した状態、コントラスト、1種類のボーダー表現が必要です。
  • 1軸の変更には /ss-dial を、新しいエビデンス由来の表現には /ss-reference を使用します。

コメント