phase-5-design-system
✓Habilidad para construir sistemas de diseño independientes de la plataforma. Desarrolla bibliotecas de componentes consistentes para todos los marcos de UI. Úselo de manera proactiva cuando el usuario necesite componentes de interfaz de usuario consistentes o mencione tokens de diseño. Activadores: sistema de diseño, biblioteca de componentes, tokens de diseño, shadcn, 디자인 시스템, デザインシステム, 设计系统, sistema de diseño, biblioteca de componentes, tokens de diseño, sistema de diseño, biblioteca de componentes, jetons de diseño, Design-System, Komponentenbibliothek, Design-Tokens, sistema de diseño, librería de componentes, token de diseño NO lo use para: cambios únicos en la interfaz de usuario, desarrollo backend o sitios estáticos simples.
Instalación
SKILL.md
Build a reusable UI component library. Enable consistent design and fast development.
A design system is a collection of reusable components and clear standards that enables building consistent user experiences at scale.
| Designer-developer mismatch | Single Source of Truth | | Duplicate component development | Reusable component library | | Inconsistent UI/UX | Unified design tokens and rules | | Increased maintenance cost | Centralized change management | | Delayed new member onboarding | Documented component catalog |
Habilidad para construir sistemas de diseño independientes de la plataforma. Desarrolla bibliotecas de componentes consistentes para todos los marcos de UI. Úselo de manera proactiva cuando el usuario necesite componentes de interfaz de usuario consistentes o mencione tokens de diseño. Activadores: sistema de diseño, biblioteca de componentes, tokens de diseño, shadcn, 디자인 시스템, デザインシステム, 设计系统, sistema de diseño, biblioteca de componentes, tokens de diseño, sistema de diseño, biblioteca de componentes, jetons de diseño, Design-System, Komponentenbibliothek, Design-Tokens, sistema de diseño, librería de componentes, token de diseño NO lo use para: cambios únicos en la interfaz de usuario, desarrollo backend o sitios estáticos simples. Fuente: popup-studio-ai/bkit-claude-code.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es phase-5-design-system?
Habilidad para construir sistemas de diseño independientes de la plataforma. Desarrolla bibliotecas de componentes consistentes para todos los marcos de UI. Úselo de manera proactiva cuando el usuario necesite componentes de interfaz de usuario consistentes o mencione tokens de diseño. Activadores: sistema de diseño, biblioteca de componentes, tokens de diseño, shadcn, 디자인 시스템, デザインシステム, 设计系统, sistema de diseño, biblioteca de componentes, tokens de diseño, sistema de diseño, biblioteca de componentes, jetons de diseño, Design-System, Komponentenbibliothek, Design-Tokens, sistema de diseño, librería de componentes, token de diseño NO lo use para: cambios únicos en la interfaz de usuario, desarrollo backend o sitios estáticos simples. Fuente: popup-studio-ai/bkit-claude-code.
¿Cómo instalo phase-5-design-system?
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/popup-studio-ai/bkit-claude-code --skill phase-5-design-system 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/popup-studio-ai/bkit-claude-code
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01