Collection
ui-skills-root
Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.
ibelick
baseline-ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
ibelick
fixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
ibelick
fixing-motion-performance
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
ibelick
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code and UI design that avoids generic AI aesthetics.
anthropics
wcag-audit-patterns
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
wshobson
emil-design-eng
Emil Kowalski's design-engineering philosophy for UI polish, components, animation, and production-ready frontend craft.
emilkowalski
react-doctor
Run React Doctor to detect regressions in security, performance, correctness, and architecture, with score-based quality checks.
millionco
shadcn
Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns.
shadcn-ui
make-interfaces-feel-better
Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.
jakubkrehel
design-lab
Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.
0xdesign
ui-ux-pro-max
Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.
nextlevelbuilder
interface-design
Specialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.
Dammyjay93
12-principles-of-animation
Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.
raphaelsalaja
impeccable
Flagship design skill for production-grade, anti-generic frontend interfaces with strong craft and consistency.
pbakaus
bencium-innovative-ux-designer
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
bencium
gpt-tasteskill
High-agency UX/UI skill with strict layout variance, typography, and GSAP motion engineering constraints.
Leonxlnx
frontend-slides
Create animation-rich HTML presentations from scratch or convert PPT/PPTX files into polished web slides.
zarazhangrui