SuperAPI AI 工具集

postrboard

前端与建站

查看项目

更新于 10-16 05:01

技能介绍

用途:Postrboard 是一套用于构建具体、克制产品界面的 CSS 框架,配套一个技能说明,可用于页面、应用、仪表盘、文档与组件。核心原则是让框架退居背景,让用户的工作、数据和决策成为页面最突出的内容。

主要能力:提供原生组件注册表(如 button、list-group、timeline、panel、data-table 等)与设计轴变量(data-accent、data-surface、data-geometry、data-density、data-type、data-ambient),默认组合为 coral/flat/compact/comfortable/neutral/none。采用五步协议:Ground(明确人物、任务、主要工件、模式与姿态)、Map(从索引查组件并粘贴标记)、Decide(按产品信号选择视觉轴)、Build(先主要工件后文字)、Verify(聚焦具体性、框架使用、结构、内容、状态、无障碍、响应式与克制)。

使用方式:将 skill/postrboard/ 复制到智能体的 skills 目录,保留 SKILL.md。优先使用已安装包中的 CSS:node_modules/postrboard-css/postrboard.min.css;未安装时可用托管文件 https://burkeholland.github.io/postrboard-design/postrboard.min.css。在 <html> 上按需设置 data-mode="light" 或 dark,省略则跟随系统。组件标记从 components.md 复制,不要凭记忆重写。

适用场景:需要具体而非模板化的产品界面、工作流、数据界面、编辑类内容等。

限制:Postrboard 仅为 CSS,无法提供焦点陷阱、Escape 处理、焦点漫游、选择逻辑或播报等交互行为,需在应用代码中补充,不能宣称纯 CSS 外壳是完整交互组件。禁止编造指标、推荐语、客户、标识或声明;禁止用 emoji 作界面图标;每个表面保留一个主强调色。资料未提供收费、价格与平台支持信息,暂未提供。