SuperAPI AI 工具集

brand-to-design-md

设计与创作

查看项目

更新于 10-16 01:06

技能介绍

用途:把公开品牌资料整理成实用的 DESIGN.md,让编码智能体据此生成风格一致的界面;如有需要,还可生成单文件 HTML 演示页并在浏览器中验证。

主要能力:以 Google Labs 的 DESIGN.md 格式为结构参考(元数据、设计令牌、组件指引、图像规则、标志边界、Do/Don't)。提取颜色、字体、圆角、间距、组件、图像等令牌并按角色说明用途。证据分为直接证据、官方文案、设计理由、推断四类,并区分证据与推断。可输出 DESIGN.md,也可附演示页与截图。

使用方式:先确认范围与标准(目标品牌 URL、所需输出、目标场景);再收集官网、品牌/媒体/法务页、公开 CSS、字体声明、SVG 标志、图标、图片与截图等一手高信号来源;随后提取令牌,撰写含 front matter 与 Overview、Colors、Typography、Layout、Components、Imagery、Logo And Usage、Do's and Don'ts 等章节的 DESIGN.md。生成演示页时,单文件 HTML 首屏应为真实品牌体验而非说明页,涵盖色板、字体、按钮、卡片、表单、数据/代码面板及一个品牌专属母题,并保持移动端响应式;使用真实浏览器或预览环境验证,检查控制台错误、横向溢出,截取桌面与移动端截图,确认关键图片与字体的回退。

适用场景:网站、应用界面、开发者文档、产品页、编辑素材或通用设计系统等。

限制:遇到 CAPTCHA、登录或安全挑战不得绕过,可改用可访问的官方页面、缓存/搜索片段、新闻资料包或已下载的公开资源,或明确标注限制。第三方品牌数据库仅作次要佐证。具体收费、价格与更多平台支持信息暂未提供。