la bóveda›skills›frontend-design

frontend-design

Para que las páginas que te arma Claude no se vean genéricas: tipografía, color y composición con criterio.

SKILL · DISEÑO Y WEB · PRINCIPIANTE
de Anthropic★ 182.5kVer repo (por skill)npx skills add anthropics/skills --skill frontend-design
Qué haceInstalarPégale esto a ClaudeCómo se usa
Repo oficialgithub.com/anthropics/skills
★ 182.5k en GitHubEstrellas al 20-oct-2026.
La uso en mi trabajoLicencia: Ver repo (por skill).
QUÉ HACE

Explicado simple

Para que las páginas que te arma Claude no se vean genéricas: tipografía, color y composición con criterio.

Úsala cuando…

Le pides algo así: “Hazme la página de inicio de mi negocio. Que no se vea como una plantilla.”

INSTALACIÓN

Cómo instalarla

Antes de empezar
  • Claude Code instalado en tu computadora.
  • Node 18 o más nuevo (trae el comando npx).
Cuánto se tardaEntre 1 y 3 minutos.
El comando exacto
npx skills add anthropics/skills --skill frontend-design
01
Abre la terminalLa de tu computadora, o pídele a Claude Code que lo corra por ti (abajo).
02
Pega el comandoSi te pregunta para qué agente, elige Claude Code.
03
Reinicia Claude CodeAl abrirlo de nuevo, la skill ya aparece.
LA FORMA FÁCIL

Pégale esto a Claude Code

Claude la instala solo
Instala la skill "frontend-design" (Anthropic, github.com/anthropics/skills) para Claude Code.
Corre esto en la terminal:
npx skills add anthropics/skills --skill frontend-design
Si te pregunta para qué agente, elige Claude Code. Cuando termine, confírmame que quedó instalada y explícame en 3 líneas cómo la uso.
DESPUÉS DE INSTALAR

Cómo se usa

Dentro de Claude Code escribe /frontend-design o pídeselo con tus palabras.

Ejemplo: “Hazme la página de inicio de mi negocio. Que no se vea como una plantilla.”

OTRAS SKILLS

Sigue con estas

ui-ux-pro-maxSKILLLA USOINTERMEDIO Criterio de diseño: paletas, tipografías y estilos para interfaces que se vean profesionales. nextlevelbuilder/ui-ux-pro-max-skill · MIT · ★ 138k→ impeccableSKILLLA USOINTERMEDIO Revisa y pule el diseño de lo que construyes: jerarquía, espacios, tipografía, accesibilidad. pbakaus/impeccable · Apache-2.0 · ★ 83.9k→ web-design-guidelinesSKILLLA USOINTERMEDIO Revisa tu web contra buenas prácticas de diseño, accesibilidad y experiencia de usuario. vercel-labs/agent-skills · Ver repo (por skill) · ★ 32.7k→
LISTA DEL WORKSHOP

El workshop viene en camino.

Un sistema montado en vivo, de principio a fin. Entra a la lista y te aviso primero, más las guías nuevas de cada semana. Sin relleno.

Solo tu correo. Te puedes salir cuando quieras.