Claude Skill

plugin87/ux-ui-agent-skills

Explore a curated open-source collection of UX/UI agent skills for AI-powered design automation, prototyping assistance, and workflow enhancement.

Overview

Stars438
Forks35
LanguageJavaScript
Last pushed2026-06-22
Last synced2026-07-03
View on GitHub

Repository

Ownerplugin87
Repositoryux-ui-agent-skills
Full nameplugin87/ux-ui-agent-skills
Repo ID1,183,286,798
GitHub URLhttps://github.com/plugin87/ux-ui-agent-skills

Install this Skill

npx ux-ui-agent-skills init # full kit into the current folder
GitHub

Registry

Typemcp_server
Quality score80/100
Verificationreadme_parsed
Last verified2026-06-21
Platforms
ClaudeMCP
Capabilities
pdfsearchimageterminalworkflow
Detected files
README.mddocsexamplespackage.json
Config keys
PACKAGE_JSON
Install methods
  • npx ux-ui-agent-skills init # full kit into the current folder
  • npx ux-ui-agent-skills add tokens taste design-systems # just some areas
  • npx ux-ui-agent-skills list # see all areas
  • git clone https://github.com/plugin87/ux-ui-agent-skills.git

Summary

A curated collection of UX/UI agent skills designed to enhance design workflows through AI-powered automation and intelligent assistance.

Chinese description

将Claude转变为高级设计架构师——DTCG设计令牌、42个组件、WCAG 2.2无障碍标准、任意框架代码、138个设计系统以及可运行的技能。

Key features

  • Curated UX/UI agent skills for design automation
  • AI-powered assistance for design workflows
  • Modular skill components for flexible integration
  • Open-source collection with community contributions

Use cases

  • Automate repetitive design tasks
  • Enhance prototyping with AI suggestions
  • Streamline user research analysis
  • Integrate intelligent design assistants into workflows

README excerpt

<div align="center"> # UX/UI Agent Skills ### Turn Claude into a **Senior Design Architect** — 15+ years of expertise in design systems, accessibility, and production-ready component engineering. A comprehensive kit of structured instructions, design tokens, runnable skills, and 138 brand-grade design systems that turn Claude into a UX/UI expert agent — targeting **any framework** and **any design system**. Drop it into any project for consistent, accessible, token-driven design outputs, every time. <br> [![Version](https://img.shields.io/badge/version-2.3.1-6366f1?style=for-the-badge)](https://github.com/plugin87/ux-ui-agent-skills/releases) [![License: MIT](https://img.shields.io/badge/license-MIT-22c55e?style=for-the-badge)](#-license) [![WCAG 2.2 AA→AAA](https://img.shields.io/badge/WCAG-2.2_AA→AAA-a855f7?style=for-the-badge)](#-accessibility-standards) <br> [![npm](https://img.shields.io/npm/v/ux-ui-agent-skills?style=flat-square&logo=npm&logoColor=white&color=cb3837)](https://www.npmjs.com/package/ux-ui-agent-skills) [![npm downloads](https://img.shields.io/npm/dt/ux-ui-agent-skills?style=flat-square&logo=npm&logoColor=white&color=cb3837)](https://www.npmjs.com/package/ux-ui-agent-skills) ![Tokens](https://img.shields.io/badge/Design_Tokens-DTCG-fbbf24?style=flat-square) ![Skills](https://img.shields.io/badge/runnable_skills-17-14b8a6?style=flat-square) ![Design Systems](https://img.shields.io/badge/design_systems-138-f97316?style=flat-square) ![Frameworks](https://img.shields.io/badge/frameworks-any-8b5cf6?style=flat-square) ![Adapters](https://img.shields.io/badge/framework_adapters-16-22d3ee?style=flat-square) ![React 19](https://img.shields.io/badge/React-19-60a5fa?style=flat-square&logo=react) ![Next.js 15](https://img.shields.io/badge/Next.js-15-00000

Topics

accessibilityai-agentsclaudeclaude-codeclaude-skillscomponent-librarydesign-systemdesign-to-codedesign-tokensdtcgfigmareacttailwindcssuiuxwcag

Explore more

Owner: plugin87Language: JavaScript

Data from GitHub. Synced on 2026-07-03