Claude Skill

plugin87/ux-ui-agent-skills

探索精心策划的开源UX/UI代理技能集合，用于AI驱动的设计自动化、原型辅助和工作流程增强。

概览

Stars438
Forks35
语言JavaScript
最后更新2026-06-22
最近同步2026-07-03
前往 GitHub

仓库信息

拥有者plugin87
仓库ux-ui-agent-skills
完整名称plugin87/ux-ui-agent-skills
Repo ID1,183,286,798
GitHub 地址https://github.com/plugin87/ux-ui-agent-skills

安装这个 Skill

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

Registry 信息

类型mcp_server
质量分80/100
验证状态readme_parsed
最近验证2026-06-21
平台
ClaudeMCP
能力
pdfsearchimageterminalworkflow
识别文件
README.mddocsexamplespackage.json
配置键
PACKAGE_JSON
安装方式
  • 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

项目简介

一个精心策划的UX/UI代理技能集合，旨在通过AI驱动的自动化和智能辅助来增强设计工作流程。

英文描述

Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.

要点

  • 精选的UX/UI代理技能，用于设计自动化
  • AI驱动的设计工作流程辅助
  • 模块化技能组件，灵活集成
  • 开源集合，支持社区贡献

使用场景

  • 自动化重复性设计任务
  • 通过AI建议增强原型设计
  • 简化用户研究分析
  • 将智能设计助手集成到工作流程中

README 摘要

<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

话题

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

探索更多

拥有者: plugin87语言: JavaScript

数据来自 GitHub，同步时间：2026-07-03