Niblet 是一个界面设计技能,目标是让界面属于当前产品,而不是通用模板。它可作为可选的参考目录使用,也能完全依赖本地产品证据工作,无需 MCP 连接、账号、脚本或浏览器自动化。
用途与流程:先确认请求的界面、动作与范围,阅读产品简报、现有屏幕、组件、令牌、内容与平台约束,并直接检查仓库(该技能没有安装脚本)。随后选择界面模式,在对话或现有界面简报中写下简短的设计契约;只就产品证据无法回答的关键决策提问,其余假设需标注。接着阅读对应命令的操作手册:本地 MCP 适配器将每个条目注册为 niblet-<command>,独立文件系统安装则用普通语言执行同样的工作说明。工作须在契约范围内进行,优先复用现有组件与令牌。
四种模式按界面任务而非仓库类别选择:Persuade(说服,用于营销、定价、获客)、Operate(操作,用于应用、仪表盘、设置、原生工具)、Read(阅读,用于文档、文章、指南)、Experience(体验,用于作品集、画廊、交互作品)。模式是优先级工具,不是视觉预设。
设计契约记录界面与模式、范围、产品权威来源、身份特征、阅读顺序、行为与状态、证据与验收。Slop 检查要求使用真实对象、标签与内容密度,主操作有明确后果与主导位置,按用户决策分组内容,复用语义令牌,并做替换测试。
必需状态覆盖包括初始与填充内容、加载、空数据与空搜索结果、校验与服务错误、成功/选中/禁用/提交中、键盘焦点与悬停、长文本与不同布局、离线与权限拒绝等。
有界渲染完成门:先约定验收标准,再批量检查实际界面(Web 同时渲染桌面与移动布局,原生用相应设备类),修复观察到的阻塞问题并复查。若无法渲染,须明确报告未能渲染或验证的部分;源码检查或构建成功不构成视觉证明。
可选连接:本地包提供三个目录工具、本地助手与 niblet://skill 资源;远程端点提供完全相同的三个目录工具。每次目录调用需传入本文件顶部的 metadata.version 作为 clientSkillVersion。两种服务都不实现 UI 审查、钩子、元素固定、选择器发现或实时浏览器控制。命令手册包含 live、hooks、doctor、pin 的手动替代方案,须说明实际使用了哪种宿主能力。
限制:资料未提供具体收费、价格、平台支持范围或效果数据。