theme-gen

theme-gen是什么

Theme Generator是一款基于AI技术的工具，能够根据提供的品牌颜色自动生成完整的设计系统，包括色调比例、语义化token和CSS变量，适用于新项目启动或颜色标准化。

开源协议：MIT-0

theme-gen的主要功能

• 自动生成：从基础颜色自动生成完整的色调比例和设计系统。
• 语义化token：创建具有语义的token，如成功、警告、错误和信息。
• CSS变量输出：输出CSS自定义属性，支持Tailwind CSS配置。
• 可访问性：确保前景和背景之间的可访问性对比度。
• 一致性：构建一致的间距和排版比例。

如何使用theme-gen

• 启动命令行：在命令行中运行npx ai-theme命令。
• 指定颜色：提供品牌的主色、次色和强调色。
• 选择格式：选择输出格式，如CSS变量或Tailwind配置。
• 运行生成：执行命令，Theme Generator将自动生成设计系统。
• 应用设计系统：将生成的变量应用到项目中，查看效果。

theme-gen的应用场景

• 新项目启动时快速建立颜色系统
• 从单一品牌颜色扩展至完整调色板
• 将混乱的代码库转换为一致的设计token
• 在早期设计阶段探索颜色选项
• 为Web和移动应用创建一致的设计风格