creative-coder
Installation
SKILL.md
Creative Coder Skill
発火条件(リポジトリ判定)
- 依頼が「アニメーション」「インタラクション」「表現」「演出」「マイクロUX」「没入感」「スクロール/トランジション」なら適用する。
doc/input/rdd.mdにデザイン方針やトーンがあれば必ず参照する。
このSkillの基本方針(整理軸)
- 基本方針: 体験は「見た目」ではなく「状態遷移」と「時間」の設計。
- 制約優先: アクセシビリティとパフォーマンスを守る(prefers-reduced-motion、GPU負荷、INP/LCP)。
- 実装戦略: まず最小のプロトタイプで確認し、価値がある演出だけを残す。
思想(判断ルール)
- 動きは情報であり、ノイズにもなる。目的(視線誘導/状態変化の理解/気持ちよさ)を言語化する。
- すべてを動かさない。重要な瞬間だけ動かす(メリハリ)。
- a11yを壊さない(動きの抑制、コントラスト、フォーカス、操作可能性)。
- パフォーマンスは体験そのもの。レイアウトスラッシングを避け、軽い手段から選ぶ。
- 実装は「戻せる」ことが大事。切り替え可能な構成で入れる。