Frontend (Page 18 of 18)

Reactコンポーネントやフロントエンドコードの品質・UX・パフォーマンス・アクセシビリティをレビューするスキル。ReactコードやフロントエンドのPRレビュー、ユーザーがReactコードレビューを求めたときに使用する。

コンポーネントを新規作成・更新する。CSS、HTML、Storybook Stories、テスト、JavaScript（Custom Elements）の実装を含む。

フロントエンド全体を1回で網羅レビューする統合スキル。HTML/A11Y/SEO、CSS設計/Tailwind/トークン、JavaScript設計/エラー処理/性能を横断的に確認したいときに使う。複合依頼（ページ全体レビュー、実装品質の総点検、改修前の棚卸し）で利用する。

MCPを使用してNext.jsランタイムを検査し、エラー診断、ログ、メタデータ、Server Actionsを確認します。エラーのデバッグ、ルートのチェック、コンポーネントの検査、プロジェクト構造の理解に使用します。

フロントエンド技術のナレッジベース管理。URLや記事から技術情報を要約・蓄積し、CSS、JavaScript、パフォーマンス、アクセシビリティなどの質問に対してナレッジベースを参照して回答します。ナレッジ追加時、技術的な質問への回答時に使用してください。 — from engineering/frontend

フロントエンド技術のナレッジベース管理。URLや記事から技術情報を要約・蓄積し、CSS、JavaScript、パフォーマンス、アクセシビリティなどの質問に対してナレッジベースを参照して回答します。ナレッジ追加時、技術的な質問への回答時に使用してください。 — from engineering/frontend

Audit a Next.js (App Router) + TypeScript codebase after a milestone tag is cut — drift, regressions, extraction signals, and convention compliance.

スケールするReactコンポジションパターン。多数のブールpropを持つコンポーネントのリファクタリング、柔軟なコンポーネントライブラリの構築、再利用可能なAPIの設計に使用する。Compound components、render props、コンテキストプロバイダー、またはコンポーネントアーキテクチャに関するタスクで起動する。React 19…

Plan a Next.js version upgrade — read release notes, scan for affected patterns, survey codemods, produce a risk-ranked migration plan.

Plan a React Native / Expo SDK upgrade — read release notes, scan for affected patterns, survey codemods, produce a risk-ranked migration plan.

Reference for using the NextJS Dev Tools via the nextjs-agent. Use to debug or observe Next.js framework internals.

Vue 3 SFCをベストプラクティスに照らして一括レビューする。「Vueコンポーネントをレビューして」「SFCをチェックして」「型安全性を確認して」「TailwindのUIを検査して」「Biomeルールへの準拠を確認して」と依頼された時に使用する。

Next.js with Supabase and Drizzle ORM

Componentes funcionais com hooks, sem classes nem HOC

JSX syntax in Vue (e.g., class vs className, JSX plugin config).