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 技能栈。
相关技能
web-artifacts-builder
使用 React、Tailwind CSS 和 shadcn/ui 创建复杂多组件 HTML 工件的工具套件。
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
react-modernization
Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features.
nextjs-app-router-patterns
Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching.
react-native-architecture
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns.