sterlingpathological200/ux-ui-agent-skills
Transform Claude into a UX/UI agent for design tokens, accessible components, and production-ready React, Next.js, and SwiftUI output
Platform-specific configuration:
{
"mcpServers": {
"ux-ui-agent-skills": {
"command": "npx",
"args": [
"-y",
"ux-ui-agent-skills"
]
}
}
}Add the config above to .claude/settings.json under the mcpServers key.
[](https://github.com/sterlingpathological200/ux-ui-agent-skills)
UX/UI Agent Skills is a starter kit for design work with Claude. It helps turn plain prompts into clear design output, token sets, and usable component plans.
Use it to guide design work for web apps, mobile apps, and design systems. It gives Claude a stronger design role, with a focus on layout, color, type, spacing, accessibility, and build-ready output.
Use this link to visit the project page and download the files you need:
Click the link above in your browser.
On the page, look for the green Code button and choose Download ZIP.
After the download finishes, open the ZIP file and extract it to a folder like:
Documents\ux-ui-agent-skills
Open the folder and review the markdown files, skill instructions, and token samples.
Copy the files you need into your own project or follow the setup steps in your Claude workflow.
This project helps Claude work like a senior design architect. It supports:
Creates token sets for:
It uses a three-layer setup:
This makes it eas
Loading reviews...