メニュー
A gradient dot lattice that bulges away from the pointer with a soft cursor glow. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/nexu-io/motion-anything --skill dot-fieldコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | dot-field |
| description | A gradient dot lattice that bulges away from the pointer with a soft cursor glow. A marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion. |
| triggers | ["dot-field","animated background","动态背景"] |
| od | {"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}} |
A gradient dot lattice that bulges away from the pointer with a soft cursor glow.
Copy dot-field.js; add <div class="dot-field" style="position:absolute;inset:0"></div> behind content.
