framer-code-components-overrides
✓フレーマー コード コンポーネントとコード オーバーライドを作成します。 Framer のカスタム React コンポーネントを構築する場合、キャンバス要素を変更するためのコード オーバーライド (HOC) を作成する場合、プロパティ コントロールを実装する場合、Framer モーション アニメーションを操作する場合、Framer で WebGL/シェーダーを処理する場合、またはハイドレーション エラーやフォント処理などの Framer 固有の問題をデバッグする場合に使用します。
SKILL.md
Code Components: Custom React components added to canvas. Support addPropertyControls.
Code Overrides: Higher-order components wrapping existing canvas elements. Do NOT support addPropertyControls.
Never access font properties individually. Always spread the entire font object.
フレーマー コード コンポーネントとコード オーバーライドを作成します。 Framer のカスタム React コンポーネントを構築する場合、キャンバス要素を変更するためのコード オーバーライド (HOC) を作成する場合、プロパティ コントロールを実装する場合、Framer モーション アニメーションを操作する場合、Framer で WebGL/シェーダーを処理する場合、またはハイドレーション エラーやフォント処理などの Framer 固有の問題をデバッグする場合に使用します。 ソース: fredm00n/framerlabs。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/fredm00n/framerlabs --skill framer-code-components-overrides- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
framer-code-components-overrides とは？
フレーマー コード コンポーネントとコード オーバーライドを作成します。 Framer のカスタム React コンポーネントを構築する場合、キャンバス要素を変更するためのコード オーバーライド (HOC) を作成する場合、プロパティ コントロールを実装する場合、Framer モーション アニメーションを操作する場合、Framer で WebGL/シェーダーを処理する場合、またはハイドレーション エラーやフォント処理などの Framer 固有の問題をデバッグする場合に使用します。 ソース: fredm00n/framerlabs。
framer-code-components-overrides のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/fredm00n/framerlabs --skill framer-code-components-overrides インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/fredm00n/framerlabs
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01