SuperAPI AI 工具集

build-planetscale-landing-pages

设计与创作

查看项目

更新于 10-15 23:48

技能介绍

用途:为明确要求 PlanetScale 风格或文档式视觉语言的技术营销页面提供设计规范,强调直接、结构化、信息密集、初看近乎无样式的观感。使用参考语法而非 PlanetScale 品牌本身。

主要能力:提供页面编排顺序(公告条、紧凑导航、主张式开头、首屏具体证据、长文分区、信任区、带边框多列页脚);视觉语法(等宽字体、紧凑粗体标题、近黑或近白画布、单一强调色、1px 分隔线、共享内容网格、方角、克制的动效);响应式规则(导航折叠、证据网格降列、对比表横向滚动、页脚堆叠);以及实现与 QA 流程(格式化、类型检查、测试、构建、桌面与移动渲染、键盘导航与对比度验证)。

使用方式:改代码前先检查现有路由、组件系统、token、字体、图标库、框架与响应式约定,收集真实产品证据,确定一个主要主张与一个主要动作,保留可用的行为、无障碍、路由、分析与品牌资产。参考 references/visual-language.md 获取精确 token、间距与组件配方,参考 references/implementation-and-qa.md 后再改生产代码或做设计评审。assets/ 中的截图仅作研究材料,不得直接使用其 logo、名称、文案或商标资产。

适用场景:技术产品营销页、开发者工具落地页、需要文档式信息密度的产品页面。

限制:不得编造客户 logo、指标、引语、合规声明或基准,仅在用户要求 mockup 时使用明确标注的占位符;避免渐变文字、光晕、玻璃面板、胶囊导航、圆角卡片、emoji 图标、假终端窗口、装饰性噪点等;不要直接克隆 PlanetScale。具体 token 数值、字体名称与命令细节暂未提供。