custom-components-skill

Name: custom-components-skill
Author: mercury-api.wepieoa.com

mercury-api.wepieoa.com開発52 回インストール

custom-components-skill について

キャンペーン H5 における「キャンペーン積み木コンポーネント」の生成と保守をガイドします。page-center から配信される uiMeta に基づいて、設定可能な玩法ブロック（ギフトボックス、ブラインドボックス、ランキングルール、ランキングギフト、単一ランキング Top3 など）をレンダリングします。コーディング規約は ui2 コンポーネントと同一で、ui2-upgrade-guide に従います。適用場面：積み木コンポーネントの新規作成、既存の積み木からのコピー改修、確立された規約に沿った types/config/composables の補完。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://mercury-api.wepieoa.com --skill fe-custom-components-skill

インストール後、Claude Code で/fe-custom-components-skillを入力して読み込まれたか確認します。

Markdown 対応

ログインしてコメント

基本情報

作者: mercury-api.wepieoa.com
カテゴリ: 開発
インストール数: 52

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.1M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

852.5k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。