SuperAPI AI 工具集

postrboard

前端与建站

查看项目

更新于 10-15 20:09

技能介绍

用途:Postrboard 用于把一套“安静 CSS 服务响亮产品”的设计语言应用到前端界面,让框架退居幕后,由产品、工作流和数据主导表达。它适合开发者工具、技术产品、数据密集型应用、文档与组件等场景。

主要能力:提供行为规则(P0)约束输出,禁止通用 SaaS 结构(Hero→Features→Testimonials→Pricing→CTA)、装饰性空白、虚构数字与客户、居中营销迷雾、彩虹配色、emoji、图标堆砌、臃肿文案与任意 CSS 值。规定每屏一个主强调色:coral 用于操作/品牌,azure 用于信息,sage 用于成功/进度。图标仅用 Lucide、Phosphor、Tabler 的 SVG,并按 --icon-sm/--icon-md/--icon-lg 尺寸。提供布局姿态(工作流主导、证据主导、数据主导、编辑主导、转化主导)与决策树,按内容类型选择结构。

使用方式:引入 Google Fonts(Inter、JetBrains Mono、Space Mono)与样式表 https://burkeholland.github.io/postrboard-design/postrboard.min.css,用 <html data-mode="light">、<html data-mode="dark"> 或省略 data-mode 跟随系统。优先使用框架类与 token,自定义 CSS 只能组合 token 而非替换。需要精确类名读 postrboard.css,需要示例读 design-system.html。文档:https://burkeholland.github.io/postrboard-design。

限制:缺失真实内容时须使用诚实占位(如“Customer quote pending”“Metric not yet measured”),不得编造人物、logo、头像、公司、评价或增长指标。输出前须执行自检扫描,任一 P0 问题即阻止输出。若页面仅换 logo 就能变成另一家创业公司,则视为未完成。具体组件 API 与完整类名以官方 CSS 与文档为准,本资料未逐一列出。