Volver a Agent Skills
Frontend y Diseño Destacado
Better UI
por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub
Design-engineering principles for making components feel polished — shadows, borders, hover states, micro-interactions, and optical alignment.
#polish#micro-interactions#craft#css
Claude Code Codex
Descripción General
Better UI encodes the small craft decisions that separate polished interfaces from average ones: border radius, box shadows, optical alignment, stagger timing, enter/exit animations, and hover states. It triggers whenever a UI 'feels off' and needs detail work. Ideal for the final 10% of polish on any component.
Para qué sirve
- Fixing a component that 'feels off'
- Dialing in shadow and border-radius systems
- Adding tasteful hover and micro-interactions
- Correcting optical alignment issues
Instalar
Instalar en Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install better-ui
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/better-ui ~/.claude/skills/better-uiExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend y Diseño Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex