返回技能中心
深色模式生成器

深色模式生成器

@lxgicstudios
developmentdark-mode-generationTailwind CSScomponent-enhancement

AI驱动的工具,可自动为React、Vue等组件生成深色模式支持。处理CSS变量、Tailwind dark:前缀和prefers-color-scheme媒体查询。分析现有样式并通过单个命令生成语义上合适的深色变体。

🚀 在几秒内自动为组件生成深色模式。指向任何文件或文件夹,工具会分析现有样式并创建匹配的深色变体。支持 CSS、Tailwind 和 CSS-in-JS——无需手动调整。

💡 非常适合为旧代码库添加深色模式、转换设计系统或从一开始就构建双主题组件。跳过数小时的手动工作,立即获得生产就绪的深色模式。

✨ AI 驱动的匹配确保颜色保持真实设计系统,同时在浅色和深色模式间保持可读性和视觉层次。

GitHub

要求

OpenAI API Key

AI驱动的深色模式生成所需。通过OPENAI_API_KEY环境变量设置。