🖌️ 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: las skills, los servidores MCP, los prompts y las guías de este pack se usan en la conversación con Claude, que los consulta mientras trabaja con tus archivos y servicios conectados. Vista para Claude: solo se muestran los tipos de recurso compatibles con Claude (Skill, Servidor MCP, 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 (5)
- 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
- 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