frontend-specialist について
フロントエンドとモバイル開発向けのスペシャリストスキルです。各種フレームワークや UI ライブラリ、開発エージェントをまとめ、画面実装やコンポーネント開発、プロトタイプ作成を支援します。
主な機能
- 01多様なフロントエンド・モバイルフレームワーク
- 02UI とコンポーネント開発のガイダンス
- 03専門開発エージェントを収録
- 04迅速なプロトタイプと MVP に対応
活用シーン
- 01レスポンシブな Web 画面の実装
- 02React または Vue コンポーネントの構築
- 03モバイルアプリ機能の開発
- 04アプリケーションの迅速な試作
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/frontend-specialistを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/cursor_rules_android-sdk.mdcursor_rules_angular.mdcursor_rules_ant-design.mdcursor_rules_astro.mdcursor_rules_chakra-ui.mdcursor_rules_css.mdcursor_rules_customtkinter.mdcursor_rules_expo.mdcursor_rules_flutter.mdcursor_rules_fontawesome.mdcursor_rules_ionic.mdcursor_rules_jetpack-compose.mdcursor_rules_kivy.mdcursor_rules_material-ui.mdcursor_rules_netlify.mdcursor_rules_next-js.mdcursor_rules_nuxt.mdcursor_rules_pygame.mdcursor_rules_pyqt.mdcursor_rules_pyside.mdcursor_rules_qwik.mdcursor_rules_react-mobx.mdcursor_rules_react-native.mdcursor_rules_react-query.mdcursor_rules_react-redux.mdcursor_rules_react.mdcursor_rules_remix.mdcursor_rules_riverpod.mdcursor_rules_shadcn.mdcursor_rules_solidjs.md詳細
フロントエンドスペシャリスト
フロントエンド開発、UI 実装、モバイルアプリ開発、最新のフロントエンドフレームワークに関する機能を提供します。ユーザーインターフェースの実装、コンポーネントの構築、モバイルアプリの開発が必要な場合に使用してください。
このスキルを使用する場面
フロントエンド開発、UI 実装、モバイルアプリ開発、最新のフロントエンドフレームワークに関する機能を提供します。ユーザーインターフェースの実装、コンポーネントの構築、モバイルアプリの開発が必要な場合に使用してください。
機能
このスペシャリストスキルは、以下の機能を組み合わせています。
Android Sdk
Angular
Ant Design
Astro
Chakra Ui
Css
Customtkinter
Expo
Flutter
Fontawesome
Ionic
Jetpack Compose
Kivy
Material Ui
Netlify
Next Js
Nuxt
Pygame
Pyqt
Pyside
Qwik
React
React Mobx
React Native
React Query
React Redux
Remix
Riverpod
Shadcn
Solidjs
Svelte
Sveltekit
Tailwind
Tkinter
Vue
Vue3
Frontend Developer
ユーザーインターフェースの構築、React/Vue/Angular コンポーネントの実装、状態管理、またはフロントエンドのパフォーマンス最適化を行う際に、このエージェントを使用してください。このエージェントは、レスポンシブでアクセシブルかつ高性能な Web アプリケーションの作成を得意とします。例：\n\n\n背景：新しいユーザーインターフェースの構築
Mobile App Builder
ネイティブ iOS または Android アプリの開発、React Native 機能の実装、またはモバイルのパフォーマンス最適化を行う際に、このエージェントを使用してください。このエージェントは、滑らかでネイティブらしいモバイル体験の作成に特化しています。例：\n\n\n背景：新しいモバイルアプリの構築
Rapid Prototyper
6 日間の開発サイクルで、新しいアプリケーションのプロトタイプ、MVP（実用最小限の製品）、または概念実証をすばやく作成する必要がある場合に、このエージェントを使用してください。このエージェントは、プロジェクトの迅速なセットアップ、人気機能の統合、機能するデモの構築に特化しています。例：\n\n\n背景：新しい実験やアプリのアイデアに着手する
Frontend Developer
エージェントの説明（要手動レビュー）
Tailwind Frontend Expert
Tailwind CSS を使ったスタイリング、ユーティリティファーストのリファクタリング、またはレスポンシブコンポーネントの作業では、必ず使用してください。UI タスクで Tailwind が関係する場合、またはフレームワークに依存しないスタイリングが必要な場合は、積極的に使用してください。
React Component Architect
最新のパターンとコンポーネント設計を専門とする、React のエキスパートアーキテクトです。React コンポーネントの開発、フックの実装、または React アーキテクチャの決定では、必ず使用してください。既存のコードベースにシームレスに統合できる、プロジェクトを考慮した柔軟なソリューションを作成します。
React Nextjs エキスパート
SSR、SSG、ISR、フルスタックの React アプリケーションを専門とする、Next.js フレームワークのエキスパートです。最新のベストプラクティスを活用し、既存のアーキテクチャと統合できる、プロジェクトの状況を踏まえたインテリジェントな Next.js ソリューションを提供します。
Vue コンポーネントアーキテクト
Composition API、スケーラブルなコンポーネントアーキテクチャ、最新の Vue ツールを専門とする、Vue 3 のエキスパートです。Vue コンポーネント、コンポーザブル、アプリケーションレベルの Vue アーキテクチャに関する意思決定の設計やリファクタリングには、必ず使用してください。
Vue Nuxt エキスパート
SSR、SSG、フルスタックの Vue アプリケーションを専門とする、Nuxt.js フレームワークのエキスパートです。最新のベストプラクティスを活用し、既存のアーキテクチャと統合できる、プロジェクトの状況を踏まえたインテリジェントな Nuxt ソリューションを提供します。
Vue コンポーネントアーキテクト
Vue 3 Composition API とコンポーネントパターンを専門とする、Vue.js のエキスパートアーキテクトです。Vue コンポーネントの開発、コンポーザブル、Vue アーキテクチャに関する意思決定には、必ず使用してください。既存のコードベースにシームレスに統合できる、プロジェクトの状況を踏まえたインテリジェントなソリューションを作成します。
Javascript プロ
ES6+、非同期パターン、Node.js API に精通した、モダンな JavaScript のエキスパートです。Promise、イベントループ、ブラウザーと Node の互換性に対応します。JavaScript の最適化、非同期処理のデバッグ、複雑な JS パターンの検討に積極的に活用してください。