SuperAPI AI 工具集

huashu-design

设计与创作

查看项目

更新于 10-15 23:23

技能介绍

用途:花叔Design 是面向「用 HTML 做视觉产出」的设计工作流,不是通用 HTML 任务工具。适合交互原型、设计变体探索、1920×1080 演示幻灯片、时间轴动画 Demo、信息图与可视化,以及设计评审打分。生产级 Web App、SEO 网站、需要后端的动态系统不适用。

主要能力:以艺术总监、品牌研究员、视觉设计师、动效设计师、前端工程师、文案等多角色协作的方式推进设计;强调先验证事实(涉及具体产品、版本、规格时先搜索核实,不凭记忆断言),再执行品牌资产协议(取 logo、产品图、UI 截图,固化为 brand-spec)。内置反 AI slop 原则,规避紫渐变、emoji 图标、圆角卡片加左边框、SVG 手画人物等通用套路,优先使用真实素材与优雅排版。设计方向顾问模式会并行产出三个差异化真实初稿(网页/信息图/原型各一版 HTML,多页 deck 每方向两页代表页,动画每方向一张方向板),展示后等待用户选择。

使用方式:任务先按路由表分流(品牌物料、幻灯片、动画、UI 演示、长解说视频、宣传片、App 原型、评审等)。幻灯片走固定交付链,先生成 HTML deck(含概览墙)再自动出 PDF,询问后才出可编辑 PPTX。截图示例命令:npx playwright screenshot file:///path.html out.png --viewport-size=1440,900,PPT 用 1920,1080。取图脚本:python3 scripts/fetch_images.py --query "关键词" --out 项目/assets/img --count 2 --width 1600。App 原型默认单文件 inline React,设备框须用 assets/ios_frame.jsx。弱运行时(无 subagent)改为串行跑三套逻辑。

适用场景与限制:强调先对齐假设再动手、给变体而非唯一答案、用诚实占位符替代劣质实现。具体收费、价格、平台支持与效果数据暂未提供。