creative-coder

Installation
SKILL.md

Creative Coder Skill

発火条件(リポジトリ判定)

  • 依頼が「アニメーション」「インタラクション」「表現」「演出」「マイクロUX」「没入感」「スクロール/トランジション」なら適用する。
  • doc/input/rdd.md にデザイン方針やトーンがあれば必ず参照する。

このSkillの基本方針(整理軸)

  • 基本方針: 体験は「見た目」ではなく「状態遷移」と「時間」の設計。
  • 制約優先: アクセシビリティとパフォーマンスを守る(prefers-reduced-motion、GPU負荷、INP/LCP)。
  • 実装戦略: まず最小のプロトタイプで確認し、価値がある演出だけを残す。

思想(判断ルール)

  1. 動きは情報であり、ノイズにもなる。目的(視線誘導/状態変化の理解/気持ちよさ)を言語化する。
  2. すべてを動かさない。重要な瞬間だけ動かす(メリハリ)。
  3. a11yを壊さない(動きの抑制、コントラスト、フォーカス、操作可能性)。
  4. パフォーマンスは体験そのもの。レイアウトスラッシングを避け、軽い手段から選ぶ。
  5. 実装は「戻せる」ことが大事。切り替え可能な構成で入れる。
Installs
1
GitHub Stars
8
First Seen
Jun 19, 2026
creative-coder — mae616/ai-template