Use this agent when you need to refactor, simplify, or optimize existing code in the codebase. Examples:\n\n- \n Context: User wants to simplify a complex React component with deep nesting.\n user: "Please simplify this component"\n assistant: "I'll analyze this component and use the code-simplifier agent to refactor…
Runs after a tool call finishes for Edit, Write and Glob tool calls, executing i18n-check.sh and component-gen.sh (2 commands). From AIDiscovery007/savethat.
Helper for fetching and analyzing aihubmix model information. Use when: (1) Need to check if a model supports thinking mode, (2) Need to fetch latest model list from aihubmix API, (3) Need to verify or update model configurations, (4) Comparing model features across providers.
Helper for using @lobehub/icons in your project. Use when: (1) Need to add AI/brand icons to UI, (2) Need to replace existing icons with lobehub icons, (3) Need to find correct icon names and imports, (4) Need to resolve icon package dependencies.
Reviews Next.js 16 code for bugs, TypeScript errors, and anti-patterns. Use when: (1) User asks to review, audit, or check code for bugs, (2) Working with Next.js 16 App Router projects, (3) TypeScript type errors need fixing, (4) React component issues like hooks rules, (5) Server/Client Component boundary issues.
A standard process for resolving npm dependency conflicts. npm is the package manager commonly used by JavaScript projects; peer dependencies are packages that another package expects to find at a compatible version.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".