This skill should be used for React hooks, components, state management, performance, frontend TypeScript, Next.js, JSX/TSX, web UI components
Generates idiomatic React and TypeScript code including hooks, components, and performance optimizations.
npx claudepluginhub zate/cc-pluginsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Idiomatic React/TypeScript patterns.
Tip: For high-quality UI design beyond code patterns, consider the
frontend-designplugin if installed (/frontend-design).
interface Props {
name: string;
onClick: () => void;
}
const Button: React.FC<Props> = ({ name, onClick }) => (
<button onClick={onClick}>{name}</button>
);
// State
const [count, setCount] = useState(0);
// Effect with cleanup
useEffect(() => {
const timer = setInterval(() => tick(), 1000);
return () => clearInterval(timer);
}, []);
// Memoization
const expensive = useMemo(() => compute(data), [data]);
const handler = useCallback(() => doThing(id), [id]);
function useLocalStorage<T>(key: string, initial: T) {
const [value, setValue] = useState<T>(() => {
const stored = localStorage.getItem(key);
return stored ? JSON.parse(stored) : initial;
});
useEffect(() => {
localStorage.setItem(key, JSON.stringify(value));
}, [key, value]);
return [value, setValue] as const;
}
React.memo for expensive componentskey prop correctly in listsSearch, retrieve, and install Agent Skills from the prompts.chat registry using MCP tools. Use when the user asks to find skills, browse skill catalogs, install a skill for Claude, or extend Claude's capabilities with reusable AI agent components.
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Use for discovering, retrieving, and improving prompts.
This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.