Awesome Design Skills
A unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.
These skills help an agent design, critique and improve user interfaces. They cover generating layout alternatives, reviewing a screen against design rules, and fixing accessibility problems found in an audit.
73 skillsA unified design Skill library with selectable visual templates, reusable UI tokens, component rules and implementation checks for AI coding assistants.
Apply accessibility worklists through a baseline, scoped source changes and verification loop, while deferring contextual judgments.
Locate mechanically detectable accessibility issues on one rendered page, with DOM selectors, evidence and source locations when available.
Plan a sampled site accessibility assessment, combine automated and interaction checks, and report pass, fail or undetermined per criterion.
Turn vague UI feedback into focused changes using practical heuristics for spacing, typography, color, hierarchy, icons and interaction.
Review mobile and desktop interfaces against topic-routed Apple Human Interface Guidelines, with findings and fixes adapted to the application's framework.
Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.
Route UI work by product surface, define a visual concept, implement reusable tokens and states, and document the result in DESIGN_SYSTEM.md.
Add the Agentation visual-feedback toolbar to a React or Next.js project, choose manual feedback or MCP sync, and verify the selected connection.
Design, refine and review native SwiftUI interfaces with adaptive layouts, coherent navigation, interruptible motion and accessibility checks.
Review a page in a visible desktop browser and add specific design critiques through Agentation, checking that each annotation was saved.
Compare a rendered page with a change baseline and report newly introduced, resolved and pre-existing accessibility issues.
Inspect keyboard behavior, focus, widget states, reflow and other checks that an automated accessibility scanner cannot settle.
Five workflows for rendered-page scanning, interaction inspection, sampled site audits, scoped fixes and accessibility regression checks.
Compare AI design skills for design systems, shadcn/ui, frontend creation and interface refinement, with practical briefs to help you choose a workflow.
Use a critique or rules skill when you already have screens, a variants skill when you want options to compare, and an AccessLint skill when the goal is fixing accessibility issues.