Skill individual para IA · IA para Diseño Gráfico y Web

ui-component-stack-selector

Elige el stack de componentes UI correcto para cada proyecto web (daisyUI, Magic UI, Originkit, react-bits, shadcn/ui) según framework, licencia, tema y presupuesto de tokens, y establece cómo integrarlo sin ensuciar el design system. Triggers: qué librería de componentes, elegir UI kit, componentes animados, Tailwind components.

Contenido de origen · revisión pendiente Idioma de origen: ES

Elige cómo usas la IA

Para proyectos ChatGPT · Gemini · Claude Para agentes Cursor · Claude Code · Codex

Ver cómo se usa

ZIP gratuito · Un único método canónico · Ejemplo de uso · Guía de instalación · Avisos de licencia

Qué recibes

Un método. Sin relleno.

01
SKILL.md / Instrucciones de proyecto
El mismo método, preparado para tu forma de trabajar.
02
EJEMPLO-DE-USO.md
Una petición que puedes adaptar a tu caso.
03
INSTALAR-CON-TU-IA.md
La ruta para interfaces web y agentes.

Versión: 1.0.1
Formato: Agnóstico
Acceso: Gratis con cuenta

Del archivo al resultado útil

Cómo pedir trabajo con esta skill instalada

Instalar la skill da un método a tu IA. Tu petición todavía debe aportar los hechos del caso, las restricciones y el entregable esperado.

1Nombra la tarea real

Describe la decisión o el entregable, no solo el tema.

2Aporta la información

Añade materiales, público, límites y hechos conocidos.

3Define qué significa acabado

Fija formato, criterios de calidad y comprobaciones.

Petición inicial adaptable Sustituye los corchetes por tu caso

Aplica la skill «ui-component-stack-selector» a esta tarea.

Objetivo: [describe el resultado que necesitas]
Contexto: [empresa, público, situación y restricciones]
Material de partida: [pega o adjunta la información relevante]
Entregable: [formato, extensión y criterios de aceptación]

Antes de producir el resultado, enumera la información imprescindible que falta. No inventes datos. Explicita los supuestos e incluye una lista final de comprobación.

Cuándo usarla

Arrancas un proyecto web y hay que decidir la base de componentes antes de la primera pantalla
El cliente quiere "algo más vivo" y evalúas añadir componentes animados sin romper lo existente
Auditas un proyecto heredado con tres librerías conviviendo y hay que consolidar
Tu agente genera UI y quieres fijarle un stack concreto en el DESIGN.md para que no improvise

Elige el alcance adecuado

Packs que incluyen esta skill

Descarga solo este método o llévatelo junto con el resto de su área profesional.

Esta ficha

Skill individual

La descarga útil más pequeña, preparada para un proyecto web o para un agente.

Elegir formato →

Pack profesional

IA para Diseño Gráfico y Web

Esta skill junto a los demás métodos seleccionados para esta área profesional.

Explorar el pack →

Mismo método, distinta instalación

¿Dónde vas a usarla?

No duplicamos la skill para cada plataforma. Conservamos un método canónico y explicamos la ruta de instalación correcta.

01 ChatGPT

Úsala como conocimiento e instrucciones de un proyecto.

Abrir guía de interfaz web → 02 Claude

Añádela a un Proyecto y separa el material de cada caso.

Abrir guía de interfaz web → 03 Agentes e IDEs

Instala SKILL.md en la ruta esperada por tu agente.

Comparar guías de agentes →

Trazable por diseño

El origen y la licencia viajan con el archivo.

SkillsBundle cataloga material propio y de terceros. Su inclusión no atribuye la autoría original a SkillsBundle. El ZIP individual conserva la ruta canónica del catálogo e incluye los avisos de licencia aplicables.

Ruta de catálogo: skills/verticals/diseno/skills/ui-component-stack-selector
Origen de la ficha: Extraída de SKILL.md

Leer términos y política de licencias →

Empieza por una tarea real

Instala el método. Conserva tu criterio.

Elegir formato