feature-slicing
✓Aplique la arquitectura Feature-Sliced Design (FSD) a proyectos frontend. Se activa: FSD, corte de funciones, Arquitectura de interfaz, estructura de capas, límites de módulos, interfaz escalable, organización de sectores. Úselo cuando: cree nuevas funciones/componentes/páginas, reestructure proyectos de React/Next.js/Vue/Remix, organizar el código de interfaz, configurar la estructura del proyecto, corregir infracciones de importación o migrar bases de código heredadas.
Instalación
SKILL.md
Frontend architecture methodology with strict layer hierarchy and import rules for scalable, maintainable applications. FSD organizes code by business domain rather than technical role.
Modules can ONLY import from layers strictly below them. Never sideways or upward.
| Cross-slice (same layer) | features/auth → features/user | Extract to entities/ or shared/ | | Upward import | entities/user → features/auth | Move shared code down | | Shared importing up | shared/ → entities/ | Shared has NO internal deps |
Aplique la arquitectura Feature-Sliced Design (FSD) a proyectos frontend. Se activa: FSD, corte de funciones, Arquitectura de interfaz, estructura de capas, límites de módulos, interfaz escalable, organización de sectores. Úselo cuando: cree nuevas funciones/componentes/páginas, reestructure proyectos de React/Next.js/Vue/Remix, organizar el código de interfaz, configurar la estructura del proyecto, corregir infracciones de importación o migrar bases de código heredadas. Fuente: ccheney/robust-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/ccheney/robust-skills --skill feature-slicing- Fuente
- ccheney/robust-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es feature-slicing?
Aplique la arquitectura Feature-Sliced Design (FSD) a proyectos frontend. Se activa: FSD, corte de funciones, Arquitectura de interfaz, estructura de capas, límites de módulos, interfaz escalable, organización de sectores. Úselo cuando: cree nuevas funciones/componentes/páginas, reestructure proyectos de React/Next.js/Vue/Remix, organizar el código de interfaz, configurar la estructura del proyecto, corregir infracciones de importación o migrar bases de código heredadas. Fuente: ccheney/robust-skills.
¿Cómo instalo feature-slicing?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/ccheney/robust-skills --skill feature-slicing Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/ccheney/robust-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01