·component-interface-design
</>

component-interface-design

qodex-ai/ai-agent-skills

Diseñar interfaces utilizando bibliotecas de componentes y sistemas de diseño. Crea interfaces de usuario coherentes con componentes primitivos accesibles prediseñados.

34Instalaciones·0Tendencia·@qodex-ai

Instalación

$npx skills add https://github.com/qodex-ai/ai-agent-skills --skill component-interface-design

SKILL.md

"Design a modern, clean UI following Shadcn principles: apply minimalism with ample white space and simple sans-serif typography; use strategic, subtle shadows for depth and hierarchy; ensure accessibility with high-contrast neutrals and scalable elements; provide beautiful defaults for buttons, cards, and forms that compose modularly; incorporate fluid, non-intrusive animations; maintain a professional palette of...

Diseñar interfaces utilizando bibliotecas de componentes y sistemas de diseño. Crea interfaces de usuario coherentes con componentes primitivos accesibles prediseñados. Fuente: qodex-ai/ai-agent-skills.

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/qodex-ai/ai-agent-skills --skill component-interface-design 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

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill component-interface-design
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es component-interface-design?

Diseñar interfaces utilizando bibliotecas de componentes y sistemas de diseño. Crea interfaces de usuario coherentes con componentes primitivos accesibles prediseñados. Fuente: qodex-ai/ai-agent-skills.

¿Cómo instalo component-interface-design?

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/qodex-ai/ai-agent-skills --skill component-interface-design 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/qodex-ai/ai-agent-skills