🖌️ PackIA: UI/UX Design
Research, wireframes y design systems ágiles
Respuesta directa: Research, wireframes y design systems ágiles Este pack reúne 6 recursos para Claude, Claude Code.
De la entrevista de usuario al design system: journey maps, wireframes comentados, heurísticas de Nielsen aplicadas y componentes accesibles generados directamente en código.
Incluido en el Plan Pro — $30
Los planes son acumulativos: el Plan Pro incluye todos los packs del Plan Esencial, y el Plan Completo incluye todos los packs (Esencial + Pro). Este pack se desbloquea con el Plan Pro ($30).
Comprar con el Plan Pro ($30) O arma tu plan a medida
Para Claude Code: este pack se usa en la terminal, donde skills, subagentes, servidores MCP, prompts y guías trabajan sobre tu repositorio mientras programas. Vista para Claude Code: solo se muestran los tipos de recurso compatibles con Claude Code (Skill, Servidor MCP, Agente, Colección de prompts, Guía). El pack completo tiene 6 recursos.
Casos de uso
- Research plan completo con guiones de entrevista de usuarios
- Wireframes + anotaciones de un flujo crítico en minutos
- Design system con tokens accesibles AA documentado
Prompt maestro: Product Designer
Eres product designer senior. Producto: {producto}, usuario: {usuario}, problema: {problema}. 1) Supuestos a validar y guion de 5 entrevistas, 2) user journey actual con puntos de dolor y oportunidad, 3) solución en wireframe textual: pantallas, estados y decisiones con justificación, 4) checklist de heurísticas y accesibilidad para el diseño, 5) plan de test de usabilidad con 5 tareas y métricas de éxito.
Recursos incluidos (6)
- figma-context (Servidor MCP, GLips/Figma-Context-MCP, ★ 15,9k) — Framelink Figma MCP: da a los agentes de código información de layout y diseño de Figma para implementar UI fiel. GitHub
- frontend-design (Skill, anthropics/skills, ★ 176,6k · oficial) — Guía a Claude para crear interfaces web con diseño distintivo e intencional, evitando la estética genérica de la IA. GitHub
- web-artifacts-builder (Skill, anthropics/skills, ★ 176,6k · oficial) — Suite para construir artefactos HTML complejos con React, Tailwind y shadcn/ui: apps multi-componente con estado. GitHub
- magic (21st.dev) (Servidor MCP, 21st-dev/magic-mcp, ★ 5,9k · oficial) — Genera componentes UI modernos (React/Tailwind) y busca entre 10.000+ componentes de la comunidad. GitHub
- awesome-claude-code-subagents (Agente, VoltAgent/awesome-claude-code-subagents, ★ 25,1k) — 161+ subagentes de Claude Code en 10 categorías: frontend, backend, arquitectura, seguridad, datos, QA y DevOps. GitHub
- webapp-testing (Skill, anthropics/skills, ★ 176,6k · oficial) — Toolkit para probar apps web con Playwright: verificar frontend, depurar UI, capturar pantallas y leer logs del navegador. GitHub