Design Tokens
技能 已验证 活跃Generate or improve a complete design token system covering color, typography, spacing, radius, shadows, motion
To automate the creation and improvement of systematic design token libraries, ensuring consistency and quality across UI projects.
功能
- Generate full design token systems
- Support for color, typography, spacing, radius, shadows, motion
- Auto-detect brand color or accept custom input
- Output in multiple formats (CSS vars, Tailwind, JSON, JS)
- Runs locally with no dependencies
使用场景
- Establishing a new design token system from scratch
- Improving or standardizing an existing token system
- Generating tokens for a specific brand color
- Exporting tokens for use in different frameworks or styles
非目标
- Modifying existing project files outside of token generation
- Performing design audits or scoring
- Integrating with specific UI frameworks beyond token output formats
安装
请先添加 Marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suite质量评分
已验证类似扩展
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Impeccable
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计，需要变得更安静的醒目设计，对 UI 元素的实时浏览器迭代，或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。
Baseline Ui
100在 Tailwind CSS 项目中验证动画持续时间，强制执行排版比例，检查组件可访问性，并防止布局反模式。适用于构建 UI 组件、审查 CSS 工具类、 styling React 视图或强制执行设计一致性。
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Refactor Plan
100Prioritized redesign action plan covering quick wins, medium effort, major rework