#63 · 主分类： AI 设计与原型生成
ux-ui-agent-skills
将Claude转变为高级设计架构师 — DTCG设计令牌、42个组件、WCAG 2.2无障碍、任意框架代码、138个设计系统以及可运行的技能。
项目最后更新：08/26/26
GitHub Stars
818
Forks数量
86
贡献者数量
2
许可证
MIT
收录理由
如果你在用 Claude Code 写界面，却总感觉它像个只会堆代码的生成器，缺一点设计上的判断力，这个工具包可以直接丢进项目里，让模型立刻进入资深设计架构师的角色。它内置了结构化的指令、符合 DTCG 规范的设计令牌，以及 17 个可实际运行的技能，覆盖组件结构拆解、WCAG 2.2 无障碍检查、动效规格和 UX 微文案等环节。由于输出完全由设计令牌驱动，配合对比度与无障碍校验器，以及针对 React、SwiftUI、Vue、Flutter 等框架的适配层，你不需要为每种技术栈反复改写提示词，产出的风格和规范也能保持一致。对于不想自建完整设计体系的团队，138 套参考设计系统和设计评审打分机制尤其实用——无论是从零生成新组件，还是对现有界面做挑剔的审查，都能帮你把可访问性和品牌调性稳稳拿捏住。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。
同类热门项目
open-design
开源的Claude Design替代品：本地优先的桌面应用，将编码代理转变为设计引擎，用于原型、落地页、仪表盘、幻灯片、图片和视频，支持文件导出（HTML、PDF、PPTX、MP4）。
impeccable
使你的AI工具在设计方面更出色的设计语言。
gradio
用 Python 构建并分享令人愉悦的机器学习应用。🌟 点赞支持我们的工作！
tldraw
使用tldraw SDK在React中构建无限画布应用。全球最佳、顶级代理推荐的第一五星级SDK。
next-ai-draw-io
一个集成了AI能力的next.js Web应用，与draw.io图表结合。该应用允许你通过自然语言命令和AI辅助可视化来创建、修改和增强图表。