Submit a tool

Search iThub

Search tools, categories and collections. Type at least two characters.

Explore all tools
↑ ↓ to explore resultsEnter to open · Esc to close
UA

UX/UI Agent Skills

Design guidance and checks for AI coding agents

Visit website Save

UX/UI Agent Skills gives AI coding agents design-token and component workflows, plus checks for contrast, responsive overflow and interaction behavior.

Pricing
Open source
3,116stars301forks
5views
Updated

What is UX/UI Agent Skills?

UX/UI Agent Skills is an instruction and knowledge layer for AI coding agents working on user interfaces. It covers design tokens, component specifications, framework-oriented code generation, accessibility reviews, motion and UX writing. Its adapter approach supports different implementation stacks, while design-system mappings help agents work with existing visual conventions.

The package can be installed as a Claude Code plugin, with other installation paths described for Codex, Cursor and MCP use. Its verification scripts inspect generated work, including rendered contrast, responsive overflow, token usage and interaction behavior. Browser-based checks require a local Chrome installation or a browser downloaded through Playwright. The repository also documents cases where outputs passed automated checks but still required design rework.

Key capabilities

  • Design tokens Produces DTCG-format JSON tokens organized into primitive, semantic and component layers.
  • Component workflows Defines component anatomy, variants, states, token mappings and accessibility specifications.
  • Code generation Uses framework adapters and design-system mappings to guide interface implementation across different stacks.
  • Accessibility checks Evaluates interfaces against WCAG criteria and reports prioritized findings, including browser-measured checks.
  • Design review Combines automated gates with structured critique of visual hierarchy, usability and interaction behavior.
  • UX guidance Provides workflows for prototyping, user journeys, motion, microcopy and inclusive language.
Advertisements

Where UX/UI Agent Skills fits

The toolkit fits development workflows in which coding agents create or revise interfaces, establish design tokens, migrate design systems or review generated screens. Teams can use its skills during implementation and its gates to check whether outputs follow the specified design and interaction rules.

Before deployment, teams should check which instructions and skills their chosen installation path loads, confirm browser availability for rendered checks and test the gates against their own project. Automated results should be paired with design review: the repository records outputs that passed checks but still had usability and communication problems.

Install

npx ux-ui-agent-skills init

Reviews of UX/UI Agent Skills

No reviews yet

Be the first to share your experience with UX/UI Agent Skills.

Loading review form…

Alternatives to UX/UI Agent Skills

ARAgent ReachAgent Reach installs and configures tools that let command-capable AI agents search platforms, read structured content and retrieve transcripts through a shared command-line interface.AArchifyArchify is an open-source agent skill that turns descriptions, plans and repositories into interactive diagrams delivered as self-contained HTML files.CAClaude AdsClaude Ads is an open-source Claude Code skill that analyzes ad account exports and screenshots for evidence-backed audits, campaign plans and draft changes.
Compare UX/UI Agent Skills with these tools →