standards-components
✓Diseñe componentes de interfaz de usuario reutilizables y componibles siguiendo el principio de responsabilidad única con interfaces claras, encapsulación y accesorios mínimos. Utilice esta habilidad al crear o modificar componentes frontend en cualquier marco (React, Vue, Svelte, componentes web) o archivos de componentes. Aplique cuando trabaje con archivos .jsx, .tsx, .vue, .svelte en directorios de componentes (components/, src/components/, ui/, lib/), defina interfaces y accesorios de componentes, implemente patrones de composición de componentes, administre el estado a nivel de componente, cree elementos de interfaz de usuario reutilizables (botones, formularios, tarjetas, modales), documente las API de componentes o refactorice componentes para una mejor reutilización y mantenibilidad.
Instalación
SKILL.md
Core Rule: Build small, focused components with single responsibility. Compose complex UIs from simple pieces.
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components.
Each component does one thing well. If you need "and" to describe it, split it.
Diseñe componentes de interfaz de usuario reutilizables y componibles siguiendo el principio de responsabilidad única con interfaces claras, encapsulación y accesorios mínimos. Utilice esta habilidad al crear o modificar componentes frontend en cualquier marco (React, Vue, Svelte, componentes web) o archivos de componentes. Aplique cuando trabaje con archivos .jsx, .tsx, .vue, .svelte en directorios de componentes (components/, src/components/, ui/, lib/), defina interfaces y accesorios de componentes, implemente patrones de composición de componentes, administre el estado a nivel de componente, cree elementos de interfaz de usuario reutilizables (botones, formularios, tarjetas, modales), documente las API de componentes o refactorice componentes para una mejor reutilización y mantenibilidad. Fuente: maxritter/claude-codepro.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/maxritter/claude-codepro --skill standards-components- Fuente
- maxritter/claude-codepro
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-05
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es standards-components?
Diseñe componentes de interfaz de usuario reutilizables y componibles siguiendo el principio de responsabilidad única con interfaces claras, encapsulación y accesorios mínimos. Utilice esta habilidad al crear o modificar componentes frontend en cualquier marco (React, Vue, Svelte, componentes web) o archivos de componentes. Aplique cuando trabaje con archivos .jsx, .tsx, .vue, .svelte en directorios de componentes (components/, src/components/, ui/, lib/), defina interfaces y accesorios de componentes, implemente patrones de composición de componentes, administre el estado a nivel de componente, cree elementos de interfaz de usuario reutilizables (botones, formularios, tarjetas, modales), documente las API de componentes o refactorice componentes para una mejor reutilización y mantenibilidad. Fuente: maxritter/claude-codepro.
¿Cómo instalo standards-components?
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/maxritter/claude-codepro --skill standards-components 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/maxritter/claude-codepro
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-05