SuperAPI AI 工具集

claude-design-studio-ui-generator

设计与创作

查看项目

更新于 10-16 01:07

技能介绍

用途:Claude Design Studio UI Generator 用于把自然语言描述或已有代码/API 转换为可视化界面与生产级 UI 组件,连接代码逻辑与视觉设计。

主要能力:支持从描述生成 UI 组件、将数据转为可视化组件、把原始代码翻译为界面线框;采用 Alpha(逻辑)、Omega(设计)、Sigma(QA)、Theta(优化)多子智能体架构;支持 Material UI、Tailwind 与自定义设计系统协调;提供 hooks 校验与后处理、插件与技能市场、API 路由与回退。

安装与使用:需 Node.js v18+ 或 Bun、Claude 和/或 OpenAI API Key、最低 512MB 内存。命令:git clone https://github.com/larajuniorlara/Claude-Design-Studio.git,cd Claude-Design-Studio,npm install(或 bun install),npx claude-design init,并设置 export CLAUDE_API_KEY 与 export OPENAI_API_KEY。可通过 JavaScript/TypeScript API 调用 generateUI、visualizeCode,或用 CLI 执行 generate、translate、skill apply,并支持 .claude-design-profile.yml 配置。

适用场景:生成定价表、表单、模态框、仪表盘组件;把数据转为网格或图表;保障设计系统一致性与 WCAG 无障碍合规;集成 Next.js、Vite 与 CI/CD 设计检查。

限制:需自备 API Key;实际生成质量、价格与性能表现资料暂未提供;使用前应核对第三方依赖与许可。