VITON13School

Skills para agentesDiseño

Skills de diseño para interfaces, animación y diagramas

Frontend Design aparta al agente de las páginas de plantilla y le pide planificar color, tipografía y maquetación. UI UX Pro Max elige estilo y paleta según el sector del producto, Impeccable añade comandos de auditoría y pulido, y Diagram Design dibuja diagramas con los colores de tu marca en un solo HTML.

skills en el estante
9
estrellas en GitHub
750,4 mil

Todas las skills del estante

9 skills

  • #1183,4 mil

    Frontend Design

    anthropics/skills

    Aleja al agente de las interfaces de plantilla: paleta, tipografía y retícula a medida

    DiseñoUna skill

    Más información
  • #2139,7 mil

    UI UX Pro Max

    nextlevelbuilder/ui-ux-pro-max-skill

    Elige estilo, paleta, tipografía y estructura de la interfaz según el sector

    Diseño7 skills en el paquete

    Más información
  • #3101,8 mil

    Taste Skill

    Leonxlnx/taste-skill

    Dirección de arte para el agente: una línea elegida, fotos reales y revisión en navegador

    DiseñoUna skill

    Más información
  • #488,5 mil

    Archify

    tt-a1i/archify

    Convierte la descripción de un sistema o un repositorio en un diagrama interactivo en HTML

    DiseñoUna skill

    Más información
  • #585,8 mil

    Impeccable

    pbakaus/impeccable

    24 comandos de diseño para el agente: auditoría, crítica, pulido y ajustes en el navegador

    DiseñoUna skill

    Más información
  • #660,5 mil

    Diagram Design

    cathrynlavery/diagram-design

    Diagramas editoriales con los colores de tu marca: un HTML con SVG, 45 tipos

    DiseñoUna skill

    Más información
  • #749,2 mil

    Apple Design

    emilkowalski/skills

    Los principios de interfaces fluidas de Apple en la WWDC, llevados a CSS y JavaScript

    DiseñoUna skill

    Más información
  • #832,9 mil

    web-design-guidelines

    vercel-labs/agent-skills

    Revisa el código de interfaz con más de 100 reglas de Vercel de accesibilidad y UX

    DiseñoUna skill

    Más información
  • #98,6 mil

    Stitch Design Skills

    google-labs-code/stitch-skills

    Skills para Google Stitch: pantallas desde texto, DESIGN.md y diseños convertidos en React

    Diseño16 skills en el paquete

    Más información

Estrellas a 24 de octubre de 2026

Preguntas

¿Qué skill de Claude Code elegir para diseño web?

Empieza por Frontend Design de Anthropic, que nombra los rasgos típicos de las páginas hechas por IA y los descarta. Impeccable nació de ella y añade comandos de auditoría, crítica y pulido, y Taste Skill ofrece varias direcciones de arte.

¿Hay una skill que revise la accesibilidad de la interfaz?

web-design-guidelines, de Vercel, revisa el código según las Web Interface Guidelines más recientes, incluidas etiquetas aria, anillos de foco y prefers-reduced-motion, y señala cada hallazgo como archivo:línea.

¿Puede un agente dibujar un diagrama de arquitectura?

Archify convierte una descripción del sistema, un Mermaid o el propio repositorio en un diagrama interactivo en un solo HTML. Diagram Design dibuja diagramas editoriales en SVG con los colores de tu marca.

Otros estantes

Todas las skills