SuperAPI AI 工具集

design

设计与创作

查看项目

更新于 10-15 19:57

技能介绍

design 是 design-builder 插件的知识库与规则集,采用三层模型:命令层(/setup、/start、/design_page、/design_screen、/build、/improve、/review)由用户触发,激活该技能来解析事实、应用过滤器并执行规则;它本身不直接执行命令。

主要能力与流程:命令输出须先经第一层知识库按固定来源顺序解析事实,再通过第二层全部六个设计过滤器才可输出。知识库来源顺序为:项目令牌(tokens.css、design-system.md、tailwind.config 等);对 /build 另读 spec 文件;designlib MCP(调色板、字体搭配、图标、landing patterns、图表类型、域名,v2.0 新增 inspiration_pages 与 animations);本地 CSV(scripts/search.py 检索 UX 指南、技术栈、反模式等);iOS HIG 参考;最后才是免费生成并标记 source='free'。MCP 未连接时会提示安装命令:claude mcp add --transport http designlib https://designlib.app-builders.club/mcp,并回退本地 CSV。

过滤器层包括方向、可调参数(DESIGN_VARIANCE 默认8、MOTION_INTENSITY 默认6、VISUAL_DENSITY 默认4)、美学、反模式、独特性闸门与输出规则,六者全部运行,静默跳过会产生 AI 敷衍设计。反模式绝对禁令包括:侧边条纹边框、渐变文字、AI 常见配色、三列卡片布局。

适用场景:需要构建有辨识度的生产级 Web 或 iOS 界面的设计流程,支持 Figma 到代码、品牌与资产、演示文稿等参考。限制:inspiration_pages 仅适用于 Web;上下文需来自 interview.json、项目令牌或用户简报,缺失时必须提问而不得编造;动画实现与短视频输出交给 motion 技能;playwright-cli 不可用时可静默跳过视觉捕获。设计对话、具体收费与价格等资料暂未提供。