Guía de flujo
Un flujo de agent revisable para Frontend y UI de producto.
Un flujo de agent revisable para Frontend y UI de producto.
Resultado esperado
Mapa de flujo
Convierte el resultado pedido en una tarea de agent clara y revisable.
Selecciona capacidades para la etapa actual, no una categoría genérica.
Completa el paso mínimo útil tras comprobar fuentes, permisos y alcance.
Revisa evidencias y resultados antes de pasar a la siguiente etapa.
Capacidades sugeridas
Ordenadas por relevancia para este flujo, calidad, adopción en GitHub y actividad de mantenimiento. Es una guía de decisión, no un único comando de instalación.
Descripción del repositorio (original)
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designDescripción del repositorio (original)
Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesDescripción del repositorio (original)
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designDescripción del repositorio (original)
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendDescripción del repositorio (original)
An AI agent skill that provides design intelligence and UI/UX guidelines for building professional interfaces across multiple platforms.
$ npx skills add nextlevelbuilder/ui-ux-pro-max-skillDescripción del repositorio (original)
Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingDescripción del repositorio (original)
React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.
$ npx skills add vercel-labs/agent-skills --skill vercel-react-best-practicesDescripción del repositorio (original)
Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.
$ npx skills add openai/skills --skill playwrightBuen encaje
No es la ruta correcta cuando
¿Necesitas un paquete ejecutable?
Los packs incluyen orden de instalación, enlaces de auditoría y un plan de Agent legible por máquinas.