ui-design-system
描述
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations.
如何使用
- 访问 GitHub 仓库获取 SKILL.md 文件
- 将文件复制到您的项目根目录或 .cursor/rules 目录
- 重启您的 AI 助手或编辑器以应用新技能
完整技能说明
name
ui-design-system
description
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Tags
关于 ui-design-system
ui-design-system 是一个 frontend 类别的 AI 技能，旨在帮助开发者和用户更高效地使用 AI 工具。UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations.
该技能在 GitHub 上获得了 1,000 个 star，表明它在社区中受到广泛认可。它兼容 claude、codex 等平台。
核心能力
为什么使用 ui-design-system
将 ui-design-system 添加到您的 AI 工作流中可以显著提升在 frontend 领域的工作效率。通过预定义的提示模板和最佳实践，这个技能可以帮助 AI 助手更好地理解您的需求并提供更准确的响应。
无论您使用 claude 还是 codex，都可以轻松集成此技能到您现有的开发环境中。
探索更多 frontend 技能
发现更多 frontend 类别的 AI 技能，帮助您构建全面的 AI 技能栈。
相关技能
react-code-fix-linter
Facebook 官方 React 代码修复和 lint 技能。自动化代码格式化和 lint 检查。
vercel-react-best-practices
Vercel 官方 React 最佳实践，涵盖组件模式、状态管理、性能优化和 Next.js 集成。
nextjs-cache-components-expert
Vercel 官方 Next.js 缓存组件专家。使用缓存组件和 PPR 优化 Next.js 应用。
remotion-best-practices
Remotion 最佳实践 - React 中的程序化视频创建。涵盖组合、动画、渲染管道和性能优化。
vercel-composition-patterns
Vercel 官方组合模式，用于构建模块化、可扩展的 React 应用。