Seenry 是一个用于网页界面设计与构建的 AI 技能,主张产出“设计工作室品质”的界面,而非“AI 模板品质”。其资料说明:在做任何新页面、落地页、仪表盘、应用外壳、定价页、设置页或改版之���,都应先完整阅读该技能文档,因为决定质量的规则在文档本身,而不在附属指南里。
用途与定位 Seenry 适用于新页面的从零构建,也适用于既有应用内的局部修改,例如修复设置页、新增定价页、补空状态、优化弹窗。文档明确区分两条路径:全新站点(尤其是“一句话需求”)走完整流程;已���有自己界面与样式的项目则走“在既有项目中”的路径,要求新改动看起来像同一个团队做的,而不是品牌重做。
主要能力与规则 该技能强调若干可执行的规范:
- 遵循项目既有技术栈;如项目已有 tokens、组件或 DESIGN.md,先阅读并扩展,不得覆盖默认字体、调色板与组件。
- 页面从该类界面的“完整常规版本”起步,先列出清单(八到十二项该类界面应有的内容,含数据、单项操作、全局操作与空/加载/错误等状态),再用规则去除装饰性元素(eyebrow、渐变斑点、斜体点缀、填充语等),但不得删除内容、可供性与识别辅助。
- 既有项目修改要保持原有行为与信息架构,仅彻底修整呈现层;替换为应用自有组件,破坏性操作置于独立冷静区域,文案也属于呈现层。
- 对集合页、设置列表、空状态、定价页等给出了细节要求,例如空状态需含明确标题、一句用途说明与一个主操作,并占据列表区域足够高度;定价页需有月/年切换、每档方案一个主操作、标记推荐方案与简短 FAQ。
使用方式与流程 文档给出的流程包括:先做设计调研(如调用 research_design_brief、compare_measurements 等能力,仅在界面形态变化时进行);构建后在 1440 与 390 宽度渲染检查;运行评审脚本 node scripts/review_board.mjs <url> --out $TMPDIR/seenry-review 修复阻塞项;成品须通过质检脚本 node scripts/check.mjs <file or url> --brief <brief> --mode quick,并在桌面与手机端清除阻塞项。评分等级为:pass(9)、leader level(8)、低于 leader level(7 及以下)。另有 polish 与 showcase 模式,仅在用户要求精修或展示级成品时使用。
适用场景与限制 适合需要高完成度网页界面的设计构建任务,尤其是一句话即可描述的站点需求(如习惯追踪器落地页、摄影师作品集),文档称快速模式目标为约十到十五分钟完成。限制方面:不得编造功能;不得在接口文案中写实现性说明;不创建 DESIGN.md(除非已存在或用户要求);截图与临时文件须放在项目外;资料未提供具体的安装命令、依赖环境、收费方式与官方支持渠道,这些暂未提供。