🎯

search

🎯Skill

from aladicf/better-web-ui

πŸ“¦

Same repository

aladicf/better-web-ui(33 items)

search

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add aladicf/better-web-ui --skill search
skills.sh Install⚠ Installs to .agents/skills/
npx skills add aladicf/better-web-ui --skill search
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/search/SKILL.md

SKILL.md

81Installs
-
AddedMay 23, 2026

More from this repository10

🎯
polish🎯Skill

An opinionated agent skills library that gives AI coding assistants genuine design judgment for web interfaces. Helps generate UI directions, critique layouts, refine typography and spacing, harden edge cases, and extract reusable design patterns across any web framework.

🎯
hierarchy🎯Skill

An opinionated Agent Skills library that gives AI agents design judgment for generating UIs with proper visual hierarchy, meaningful color, purposeful motion, and distinctive interfaces. Covers typography, spacing, edge cases, and reusable patterns for developers who want AI-generated UI that goes beyond generic templates.

🎯
frontend-design🎯Skill

An opinionated agent skills library that gives AI agents design judgment for web interfaces, covering visual hierarchy, color theory, purposeful motion, typography, and spacing to produce distinctive UIs instead of generic AI-generated designs.

🎯
critique🎯Skill

An opinionated agent skills library that gives AI agents design judgment for web UI, helping with hierarchy, spacing, typography, color, motion, and interface critique rather than generic decoration.

🎯
animate🎯Skill

Part of the better-web-ui agent skills library that gives AI agents design judgment for purposeful motion and animation, covering hierarchy, color, and interfaces that go beyond generic AI-generated aesthetics. Works across all web frameworks.

🎯
audit🎯Skill

An opinionated Agent Skills library that gives AI agents real design judgment for web UIs, covering visual hierarchy, purposeful color and motion, typography, spacing, and edge case hardening, rather than generic decorative patterns.

🎯
empty-state🎯Skill

Part of better-web-ui, an opinionated Agent Skills library that gives AI agents real design judgment for UI decisions including hierarchy, color, typography, spacing, motion, and edge cases, rather than generic decoration.

🎯
typeset🎯Skill

Part of the better-web-ui skills library, this skill teaches AI agents typography and typesetting best practices for web interfaces, covering hierarchy, spacing, and visual design judgment to produce distinctive, production-grade UIs.

🎯
colorize🎯Skill

An opinionated Agent Skills library focused on improving web UI quality across frameworks. Provides practical styling and design guidance to help developers ship visually polished interfaces.

🎯
add-ui🎯Skill

An opinionated Agent Skills library that gives AI agents design judgment for generating UI directions, improving visual hierarchy, typography, spacing, and color. Helps review interfaces for UX issues, design empty states and motion, and extract reusable patterns across any web framework.