frontend-development
Frontend development conventions - Use when creating or modifying AMS-AI React pages/components, including form development, page structure, i18n, and API integration
Explora e instala miles de habilidades para AI Agents en el directorio de Killer-Skills. Compatible con Claude Code, Windsurf, Cursor y más.
Frontend development conventions - Use when creating or modifying AMS-AI React pages/components, including form development, page structure, i18n, and API integration
La habilidad extract-errors es una herramienta para extraer y gestionar códigos de error en aplicaciones React
Un patrón de frontend es un conjunto de técnicas y estrategias para construir interfaces de usuario eficientes y escalables
Un agente de pruebas de React es una herramienta que ejecuta pruebas para el núcleo de React
shadcn-ui es una colección de componentes reutilizables para aplicaciones web
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
Storefront Next frontend development assistant for the React 19 + React Router 7 + Tailwind CSS 4 e-commerce app in frontend/. Use this skill whenever working on files under frontend/ — React components, routes, hooks, providers, adapters, Page Designer decorators, extensions, configuration, Storybook stories, unit tests (Vitest), or any SCAPI integration code. Also trigger when the user references SCAPI, React Server Components in this project, the adapter pattern, Page Designer metadata generation, the config system (config.server.ts), file-based routing, Radix UI primitives, Zustand stores, or the extension system — even without saying frontend explicitly. Covers: RSC data loading patterns, adapter registry, decorator-based metadata generation, environment-overridable config, Tailwind design tokens, i18n with react-i18next, form validation (React Hook Form + Zod), Storybook 10 stories and tests, and Vitest unit testing. Do NOT use for backend/ directory files (SFRA, ISML, dw.* APIs, cartridge code, npm commands).