mcpField
F
frontend-development

frontend-development

github.com/aaaaqwq開発11268 回インストール今日更新
リポジトリ

frontend-development について

frontend-developmentは、WebアプリとUI開発向けのスキルです。コンポーネント、インタラクション、性能、レスポンシブデザインを扱い、ReactやVueなどの技術スタックを対象にしています。

主な機能

  1. 01ReactとVueのコンポーネント開発
  2. 02状態管理とルーティング
  3. 03API連携
  4. 04フロントエンド性能の最適化
  5. 05アクセシビリティとTypeScriptの実践

活用シーン

  1. 01Webアプリの画面開発
  2. 02再利用可能なUIコンポーネント作成
  3. 03アプリの状態管理とルーティング実装
  4. 04フロントエンド性能とレスポンシブレイアウトの改善

インストール

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

$npx skills add https://github.com/aaaaqwq/agi-super-team --skill frontend-development

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

詳細

フロントエンド開発エキスパート

このスキルを使用する場面

  • Web アプリケーションの開発
  • UI コンポーネントの作成
  • インタラクティブ機能の実装
  • フロントエンドのパフォーマンス最適化
  • レスポンシブデザイン
  • 状態管理

技術スタック

  • フレームワーク: React, Vue, Next.js, Nuxt
  • スタイル: Tailwind CSS, CSS Modules
  • 状態管理: Redux, Zustand, Pinia
  • ビルド: Vite, Webpack

ベストプラクティス

  1. コンポーネント化: 再利用可能なコンポーネントの設計
  2. レスポンシブ対応: モバイルファースト
  3. パフォーマンス: コード分割、遅延読み込み
  4. アクセシビリティ: ARIA 標準
  5. 型安全性: TypeScript

能力

  • コンポーネント開発 (React/Vue)
  • 状態管理
  • ルーティング設定
  • API 統合
  • パフォーマンス最適化
  • テスト (Jest, Playwright)

トリガーワード

  • 「フロントエンド開発」
  • 「コンポーネントを作成」
  • 「React アプリケーション」
  • 「Vue プロジェクト」
  • 「UI の最適化」

コメント

Markdown 対応