SuperAPI AI 工具集

compact-landing

写作与研究

查看项目

更新于 10-15 17:20

技能介绍

用途:构建小而完整的产品世界,而非通用营销模板;为包演示、开发者工具、文档等产品快速产出紧凑落地页,同时保持紧凑与清晰。

主要能力:先检查产品、已有内容、当前技术栈与既有设计语言,复用已安装工具与组件;先确认按钮尺寸(紧凑、中等或大),除非用户已作答或要求代选;仅在答案会实质影响结果时问最多两个自适应问题,如品牌氛围、内容深度、圆角性格或动效程度;编码前先建立设计指纹,若技能含脚本且可用 Node,可运行 node scripts/pick-direction.mjs,否则从 references/style-dna.md 中选择,避免总取每个列表首项;将指纹适配产品含义,把选择器输出当作创意约束。

设计指纹维度:构图(现场笔记、偏移导轨、分册、框架控制台、紧凑目录、堆叠标本等)、宽度(通常 420-720px,不要默认 440px)、色调(暖纸、冷雾、单色墨、深炭灰、产品着色、活泼浅色)、字体(等宽、人文无衬线+等宽、编辑衬线+无衬线等)、几何(锐利、机械、平衡、友好、柔和或混合同心圆角)、表面语法(留白、平面分隔线、内嵌细线、层叠环、着色面板、纸规则、技术框架,选一种主导)、母题(emoji 标点、ASCII 标记、索引、印章、涂鸦、彩点、小物体图标或无)、动效(一个入场行为,一到两个交互行为)。

必要用法与限制:产品原生签名物件需是一个真实演示、可视化输出、交互样例、对比、迷你工作流、数据样本或有用控件;实现最小完整页面,优先 HTML/CSS 与已有依赖,仅在需要行为时加 JavaScript;验证移动端布局、键盘焦点、减少动效、稳定动态状态与真实主操作。若用户要立即执行,则自行选择按钮尺寸与指纹,不要停下来问卷。变体必须改变首屏轮廓,至少四个轴不同于常见配方(居中 440px 栏、中性白/锌、Geist+Geist Mono、6-10px 圆角、内嵌细线卡片、Instrument 顺序、交错升起)。不变项:主操作放在首屏;使用清晰字号层级、具体文案和足够对比;使用真实产品内容,避免虚假指标、模糊声明、填充推荐语和装饰性仪表盘;视觉小控件扩展至至少 40px 命中区;提供可见 :focus-visible 与语义 HTML;变动数字使用等宽数字;尊重 prefers-reduced-motion 并保持可用;不为小效果增加依赖。动效仅动画 transform、opacity、filter,禁用 transition: all;预留尺寸避免位移;字体尽量自托管。按钮尺寸:紧凑 24-28px 高、11-12px 标签;中等 32-36px、12.5-13px;大 40-44px、13.5-14px;按压 scale(0.96),宽控件 0.98。避免复用同一区块顺序、窄宽、色调、圆角族或组件集;避免通用超大首屏、三个等大功能卡、徽章云;避免与主操作竞争的装饰动画和重度动画库。资料未提供收费与价格信息。