·ui-design

Utilice esto para diseñar una interfaz de usuario agradable en un solo HTML como inspiración y exploración de la interfaz de usuario.

16Instalaciones·3Tendencia·@shajith003

Instalación

$npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design

SKILL.md

Only code in HTML/Tailwind in a single code block. Any CSS styles should be in the style attribute. Start with a response, then code and finish with a response. Don't mention about tokens, Tailwind or HTML.

Always include the html, head and body tags. Use lucide icons for javascript, 1.5 strokewidth. Unless style is specified by user, design in the style of Linear, Stripe, Vercel, Tailwind UI (IMPORTANT: don't mention names).

Checkboxes, sliders, dropdowns, toggles should be custom (don't add, only include if part of the UI). Be extremely accurate with fonts. For font weight, use one level thinner: for example, Bold should be Semibold.

Utilice esto para diseñar una interfaz de usuario agradable en un solo HTML como inspiración y exploración de la interfaz de usuario. Fuente: shajith003/awesome-claude-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es ui-design?

Utilice esto para diseñar una interfaz de usuario agradable en un solo HTML como inspiración y exploración de la interfaz de usuario. Fuente: shajith003/awesome-claude-skills.

¿Cómo instalo ui-design?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/shajith003/awesome-claude-skills --skill ui-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/shajith003/awesome-claude-skills