SuperAPI AI 工具集

goose-graphics-create-style

设计与创作

查看项目

更新于 10-15 21:54

技能介绍

用途:把一张参考图变成可复用、可检索的 Gooseworks 图形风格,发布后任何 /goose-graphics --style <slug> --format <any> 调用都能套用该风格。

主要能力:分析参考图的配色(3-6 个主色及角色)、字体(标题/正文、字重、字距、行高,并映射到 Google Fonts)、布局与形状语言、标志性视觉手法与情绪分类;撰写精简风格规范(designMd);渲染主视觉与 2-3 个跨格式示例;生成 gooseworks-style.json 清单并发布。

使用方式:调用 /goose-graphics-create-style --ref <image-path> [--name <slug>] [--mood <mood-group>]。--ref 必填,支持 PNG/JPG/WebP;--name 为小写 kebab-case;--mood 取七类之一(Dark & Moody、Light & Editorial、Organic & Warm、Bold & Energetic、Retro & Cinematic、Structural & Technical、Friendly Corporate)。先运行 npx gooseworks styles list 或 search 检查是否已有同类风格。前置条件:同工作区需安装 goose-graphics 技能(npx gooseworks install --claude --with goose-graphics,可换 --cursor/--codex),其 screenshot 依赖需安装(cd <path-to>/goose-graphics/screenshot && npm install && npx playwright install chromium),并需 npx gooseworks login 登录。渲染命令:node <path-to>/goose-graphics/screenshot/screenshot.js --format <format> --input <path-to-html> --output <working-dir>/<format>.png --font-delay 1500。发布:cd <working-dir> && npx gooseworks styles publish(冲突可加 --yes);更新已发布风格用 npx gooseworks styles update <slug>。

适用场景:需要把参考图审美沉淀为可发现、可复用风格,并跨海报、轮播、信息图、幻灯片、图表、故事、推文等格式统一渲染时。

限制:示例必须使用统一简报“5 Tips for Building a Startup in 2026”及五条固定要点;必须恰好一个示例标记 isHero: true,否则后端拒绝发布;风格规范只描述审美系统(配色+字体+标志性手法),不得写死构图;HTML 仅用固定像素尺寸,禁用 vw/vh/%/rem/em/clamp();推文格式须为装饰背景上的推荐卡片而非海报;发布前需做视觉 QA。清单字段约束:name 1-120 字符,description 20-1000 字符,designMd 最少 50 字符,tags 3-10 个小写字符串,examples 至少 1 条。退出码 0 成功、1 临时/认证错误、2 用户错误。具体收费与价格暂未提供。