開発
#react
react-bits
110+ free animated React components for text, backgrounds, UI. Includes Background Studio, Shape Magic, Texture Lab. Use when building visually engaging interfaces. Don't use for non-React projects.
DeepseekModel
キュレーション済みスキル
品質 良好 · 64
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=neuron-one-godmode-skills-design-react-bits-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
name react-bits description 110+ free animated React components for text, backgrounds, UI. Includes Background Studio, Shape Magic, Texture Lab. Use when building visually engaging interfaces. Don't use for non-React projects. user-invocable false model sonnet effort medium paths **/*.tsx,**/*.jsx React Bits — Animated Components Library What's Available 110+ customizable animations Text animations (typewriter, glitch, gradient, wave) Background effects (particles, aurora, grid, noise) UI components (animated cards, buttons, modals) Available in JS/TS with CSS or Tailwind variants How to Use npm install react-bits Tools Background Studio: design custom backgrounds Shape Magic: create animated shapes Texture Lab: generate textures and export code Reference Documentation: https://github.com/DavidHDev/react-bits When building UI, check react-bits for existing animated components before creating custom animations.
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子（skill/v1） |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ（配列） |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL（本ページ） |
| exported_at | エクスポート日時（ダウンロード毎） |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定：provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明（Coze / Dify / Claude / カスタム） |
