Una habilidad de diseño de UI de sitios web de alta fidelidad que produce interfaces web visualmente distintivas, totalmente responsivas y estéticamente coherentes, libres de estéticas genéricas de IA. Activar cuando el usuario solicite diseñar, construir, rediseñar o mejorar visualmente cualquier sitio web, página de destino, portafolio, panel de control, página de marketing o componente web.
/plugin marketplace add ChopDreamDust/web-ui-design-skill
El comando exacto puede variar según el repositorio. Consulta el README en GitHub.
Para el autor de la skill
Muestra que tu skill está catalogada en Skillteca, genera backlink y tráfico rastreable.
[](https://www.skillteca.com.br/skills/web-ui-design?utm_source=badge&utm_medium=readme&utm_campaign=badge)
Kit de herramientas para interactuar y probar aplicaciones web locales usando Playwright. Permite verificar la funcionalidad del frontend, depurar el comportamiento de la UI, capturar capturas de pantalla del navegador y ver los registros del navegador.
Aplica los colores y la tipografía oficiales de la marca Anthropic a cualquier artefacto que se beneficie de su identidad visual. Úselo cuando se apliquen pautas de estilo, formato visual o estándares de diseño de la empresa.
Crea interfaces frontend distintivas y de grado de producción con alta calidad de diseño, generando código creativo y pulido y diseño de UI que evita la estética genérica de IA. Úsela para construir componentes web, páginas y aplicaciones, o para estilizar/embellecer UIs web.
Suite de herramientas para crear artefactos HTML elaborados y multicomponente para claude.ai, utilizando tecnologías web frontend modernas (React, Tailwind CSS, shadcn/ui). Úselo para artefactos complejos que requieran gestión de estado, enrutamiento o componentes shadcn/ui, no para artefactos HTML/JSX simples de un solo archivo.
Alerta por categoría
Un email corto con solo las skills nuevas de Design e Frontend. 4 minutos de lectura, sin spam, te das de baja con un clic.
Confirmas tu email en el primer envío. Sin spam. Te das de baja con un clic.
A professional website UI design skill. Every output must work beautifully on both mobile and desktop — not just mobile. Not just desktop. Both. Every time.
| Need | Key Protocol |
|---|---|
| New website or page | Phase 0 → Method → Responsive Contract → Execute |
| Font choice | Type Pairing Library |
| Color palette | Named Palette Recipes |
| Layout system | Responsive Design Contract (mandatory) |
| Dark mode | Dark Mode Architecture |
| Multi-col |
[Description truncada. Veja o README completo no GitHub.]
Entra para comentar. Entrar
