SuperAPI AI 工具集

build-lab

前端与建站

查看项目

更新于 10-16 07:24

技能介绍

用途:在用户自己的网站内建立一个持久的实验区域 /lab,用于把设计想法放到真实生产组件上构建、用实时控件调参,并作为可回访的工具与设计历史保留。侧边栏用于在各 lab 之间切换。

主要能力:文件夹即 lab,lab 目录下新建含页面的文件夹会自动出现在侧边栏,无需注册;文件拆分为薄的服务端/路由包装(page)与承载实验及控件的客户端组件(lab);可选 meta 模块记录标题、描述、日期与 outcome(接受值回迁生产时写一次),缺失时回退到文件夹 slug,且刻意不设 status 字段;默认值从生产模块导入,避免与线上漂移,接受值通过复制控制面板输出并应用到生产源码回迁;变体用 ?v=<name> 搜索参数区分,按偏离轴命名。

使用方式:先侦察宿主(路由、样式系统、设计令牌、已装组件与控制面板库、路由保护模式、公开或受保护暴露、散落的实验路由),用 git mv 迁移既有实验页并统一文件拆分,在区段边界集中路由门禁;构建注册表接缝(纯函数:文件夹 slug 加可选元数据进、导航模型出,配薄加载器,注册表是外壳中唯一有单测的代码);渲染侧边栏并设置暴露策略,公开 lab 默认直接访问、noindex、不进 sitemap 与主导航,受保护 lab 复用宿主路由保护;把 agents 文件模板合并进 AGENTS.md / CLAUDE.md,使后续“为 X 建一个 lab”无需技能。Next.js App Router 宿主需先读 references/nextjs-scaffold.md。

适用场景:网站内需要长期保留、可反复调参并与生产组件对齐的设计实验;也可用于只有 /lab 内容的裸应用。

限制:外壳保持无背景、无边框,不覆盖 lab 自绘背景;lab 不依赖外壳组件;noindex 只是元数据而非访问控制;具体实现细节、收费与平台支持资料暂未提供。