🎨 フロントエンド

公開されているagents.mdの規則に従ってAGENTS.mdファイルを生成および維持します。AIエージェントのワークフローのドキュメント作成、オンボーディングガイド、またはプロジェクト間でのエージェントの相互作用パターンの標準化を行う場合に使用します。

任意のプロジェクトタイプのCLAUDE.mdファイルを、ベストプラクティス、モジュラーアーキテクチャのサポート、テックスタックのカスタマイズを使用して分析、生成、強化します。新しいプロジェクトの設定、既存のCLAUDE.mdファイルの改善、AI支援開発基準の確立の際に使用します。

d3.jsを使用したインタラクティブなデータ可視化の作成。このスキルは、カスタムチャート、グラフ、ネットワーク図、地理空間可視化、または視覚要素、トランジション、インタラクションに対する細粒度の制御が必要な複雑なSVGベースのデータ可視化を作成する場合に使用します。標準的なチャートライブラリを超えたオーダーメイドの可視化に、React、Vue、Svelte、バニラJavaScript、またはその他の環境で使用してください。

インタラクティブなHTMLプレゼンテーションを6つのタブ（Overview、Requirements、Architecture/C4、Tech Spec、Roadmap、Guides）で構築する。presentation/README.mdハブを作成する。ln-110-documents-pipelineの下で動作する。

Plaid 銀行 API 統合（Link、Auth、Transactions、Identity、および webhook 処理を含む）の専門的なガイダンス。ユーザーが Plaid、銀行接続、金融データ、ACH、または銀行 API に言及した場合に呼び出します。

高度な7つの質問フローにより、あらゆる役割、業界、タスクに対する本番環境で使用可能なメガプロンプトを生成する世界クラスのプロンプトパワーハウス。15の専門領域（テクニカル、ビジネス、クリエイティブ、法務、ファイナンス、HR、デザイン、カスタマー、エグゼクティブ、マニュファクチャリング、R&D、規制、特殊テクニカル、研究、クリエイティブメディア）にわたる69の総合プリセット、複数の出力形式（XML/Claude/ChatGPT/Gemini）、品質検証ゲート、OpenAI/Anthropic/Googleの文脈別ベストプラクティスを搭載。コアモードとアドバンスドモードの両方をサポートし、テストシナリオとプロンプトのバリエーションを提供。

効果的なスキル作成ガイド。このスキルは、ユーザーが特殊な知識、ワークフロー、またはツール統合でClaudeの機能を拡張する新しいスキル（または既存のスキルを更新）したい場合に使用します。

Anthropicのベストプラクティスに従ってClaude Codeスキルを作成および管理します。新しいスキルの作成、skill-rules.jsonの変更、トリガーパターンの理解、フックの使用、スキルアクティベーションのデバッグ、または漸進的開示の実装時に使用します。スキル構造、YAMLフロントマター、トリガータイプ（キーワード、インテントパターン、ファイルパス、コンテンツパターン）、執行レベル（ブロック、提案、警告）、フックメカニズム（UserPromptSubmit、PreToolUse）、セッション追跡、および500行ルールをカバーします。

ペイメント処理、請求、サブスクリプション、ウェブフック、Connect、Terminal、Radar、Identity、Tax、Climate、インテグレーションのすべてをカバーする3,253件の公式ドキュメントファイルにアクセス可能な総合的なStripe APIエキスパート。ユーザーがStripe、支払い、サブスクリプション、請求、支払い処理、チェックアウト、請求書、または任意の支払い関連機能に言及した場合に呼び出されます。

Facebook、Twitter、WhatsApp、LinkedIn向けのfavicon、アプリアイコン（PWA）、ソーシャルメディアメタ画像（Open Graph）などのウェブアセットを生成する。ロゴやテキストスローガンからアイコン、favicon、ソーシャルシェア画像、またはOpen Graph画像が必要な場合に使用。画像のリサイズ、テキストから画像の生成を処理し、適切なHTMLメタタグを提供する。