SuperAPI AI 工具集

image-to-code

设计与创作

查看项目

更新于 10-16 09:28

技能介绍

用途:该技能面向视觉质量重要的网站任务,如 hero 区、落地页、营销站、创业公司站、编辑式品牌页、产品页、作品集与多区块高级网站及重设计。它要求先由模型自行生成设计参考图,再深度分析,最后实现前端;图像是主要视觉来源,代码是翻译层。可触发图像优先流程的请求包括漂亮 hero、创意网站、重设计、更现代或更有美感的界面、精致营销页、作品集、视觉味要求高的创业公司站等;偏技术任务、修 bug、已有明确设计系统或偏结构任务可直接写代码。

主要能力:内置基线与组合变化引擎。基线含设计变化度8、视觉密度3、艺术指导8、实现清晰度9、图像优先9、留白9、分析精度10、图像生成积极性10、界面简洁纪律9。组合引擎要求从主题范式、背景性格、字体气质、Hero 架构、区块系统各选一,并选4个标志性组件与2种动效暗示,避免重复的 AI 默认风格。

使用方式:强制图像优先。先推断区块数,逐区块生成参考图(如1区块1图、2区块2图,依此类推),必要时为同一区块生成额外细节/提取图;不清楚的区块要重新生成全新独立图,不要裁切旧图,以保留间距、字号关系、边距与比例。随后按干净分析标准检查每个生成图的区块类型、视觉优先级、可读文本、字体关系、间距、按钮、卡片逻辑、主色与结构节奏,再提取文本、字体、间距、颜色、布局、按钮与组件逻辑来实现。

限制:资料未提供具体收费、价格、平台支持范围与效果保证。图像生成不可用时不适用强制图像优先;图像未覆盖的细节只能合理补全。不得先自由编码或跳过图像生成,也不得用一张压缩大图塞入过多区块导致文字过小。