From vfm-agent-company
React development expertise from Meta engineers who built React for billions of users. Use when building React components, implementing hooks, managing state, optimizing performance, or debugging React issues. Triggers on React, useState, useEffect, useContext, useMemo, useCallback, component patterns, JSX, React Query, Redux, Zustand, Server Components.
npx claudepluginhub duylinhdang1998/claude-template-agent --plugin vfm-agent-companyThis skill uses the workspace's default tool permissions.
React expertise from Meta engineers who built and scaled React to billions of users.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Checks Next.js compilation errors using a running Turbopack dev server after code edits. Fixes actionable issues before reporting complete. Replaces `next build`.
React expertise from Meta engineers who built and scaled React to billions of users.
Projects requiring:
// Virtualized lists for large datasets (Meta pattern)
import { VirtualList } from '@/components/VirtualList';
// Optimized component with memoization
const FeedItem = memo(({ post }) => {
// Render logic
});
// Custom hooks for data fetching
function useFeed(userId) {
return useInfiniteQuery(['feed', userId], fetchFeed);
}
// Route-based splitting (Netflix pattern)
const Dashboard = lazy(() => import('./Dashboard'));
// Component-based splitting for heavy features
const VideoPlayer = lazy(() => import('./VideoPlayer'));
// Zustand for simple global state (Meta pattern)
const useStore = create((set) => ({
user: null,
setUser: (user) => set({ user })
}));
React experts at FAANG typically:
React experts often also have: