Frontend (Page 26 of 26)

Next.js architecture specialist. Use when designing Next.js applications,

Áp dụng kiến trúc Next.js App Router chuẩn senior (Feature-driven / Modular)

OWL frontend engineering guidance for Odoo and standalone Owl apps, covering components, templates, reactivity, hooks, props, plugins, registries, debugging, and OWL 1/2/3…

Exhaustive problem-solving methodology for builder agents. Forces systematic debugging, prevents premature surrender, and enforces proactive verification.

Diagnose slow React components and suggest targeted performance fixes.

React compound components pattern (safe, minimal context, ergonomic API)

React Native and Expo best practices for building performant mobile apps. Use — from engineering/frontend

React web development with hooks, React Query, Zustand

React Native and Expo best practices for building performant mobile apps. Use — from eddiebelaval/squire

Vue.js framework patterns, Composition API, and best practices

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).