Esta sub-skill gestiona sistemas de diseño y la visualización de componentes. Se utiliza para extraer design tokens como referencia del equipo o para revisar variantes de componentes en una hoja de contacto, incluyendo referencias de sistemas de diseño (ej: design-tokens.html) y visualizaciones de variantes de componentes. Se activa para solicitudes como "sistema de diseño", "design tokens", "variantes de componentes" o "mostrar biblioteca de componentes".
/plugin marketplace add Azhi-ss/html-effectiveness
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/html-effectiveness-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.
"HTML is the medium your design system ships in, so it's the natural format for talking about it. Tokens become swatches, components become contact sheets."
| 用户说 | 用哪个范式 | 模板 |
|---|---|---|
| "把我们的 design tokens 整理成一份 reference" | 设计系统参考 | ../../templates/design-tokens.html |
| "review 一下我们用了哪些颜色 / 字号" | 同上 | 同上 |
| "show me all variants of Card / Button" | 组件变体陈列 | 自建（见下） |
空间形状：4 个区域 + 底部组件展示行。每个 token 必
[Description truncada. Veja o README completo no GitHub.]
Entra para comentar. Entrar
