首页/新闻资讯/正文详情

unship - SKILL

发布时间:2026/9/27 11:22:28 来源:云帆数科 栏目:资讯中心
unship - SKILL
name: unshipdescription: “Compare AI agent-made UI variants locally in a real app, then keep one and clean up unused temporary code.”category: developmentrisk: criticalsource: communitysource_repo: mbenhard/unshipsource_type: communitydate_added: “2026-06-07”author: Marcus Benhardtags: [ui-variants, frontend, local-first, coding-agents]tools: [claude-code, antigravity, cursor, gemini-cli, codex-cli, opencode]license: “MIT”license_source: “https://github.com/mbenhard/unship/blob/main/LICENSE”plugin:targets:codex: blockedclaude: blockedUnship概述Unship 是一种本地工作流用于在真实应用中比较 AI 生成的 UI 备选方案而不是一次只接受一个生成的版本。它会添加临时的源码级变体显示本地浏览器选择器并在用户做出选择后清理未使用的选项。此技能用于配合编码代理进行前端迭代。它不是生产环境的 A/B 测试、分析、特性开关或托管实验服务。何时使用此技能当用户想要比较多个 UI、布局、文案、状态、流程或设计系统备选方案时使用。当编码代理应在真实源代码中创建多个临时选项并让用户在运行中的本地应用里评判它们时使用。当用户选出一个可见选项并希望在发布前移除落选的临时代码时使用。何时不要使用此技能用户需要生产环境实验、流量拆分、分析或特性开关时。应用因重复的活动 ID、全局脚本、分析触发、焦点陷阱、破坏性操作或自动播放副作用而无法安全地渲染隐藏的非活动变体时。用户未授权本地源代码修改时。工作原理1. 安装或复用 Unship如果存在项目本地二进制文件优先使用./node_modules/.bin/unship doctor--json--no-update-check否则将经过审查的、固定版本的 CLI 安装到项目中然后运行本地二进制文件npminstall--save-dev unship/clireviewed-version./node_modules/.bin/unship doctor--json--no-update-check如果本地选择器需要设置请运行./node_modules/.bin/unship setup--json仅修补在本地预览中加载选择器所需的最小开发专用挂载点。2. 创建临时变体检查相关页面、组件、路由或渲染产物。添加最小的源码级对比让用户能在上下文中评判真实选项。使用 Unship 标记sectiondata-unship-pickHerodivdata-unship-optionCurrent.../divdivdata-unship-optionProof-ledhidden.../divdivdata-unship-optionVisualhidden.../div/section保持选项标签简短且可见。除非用户要求特定数量否则优先提供 2-4 个有意义的备选方案。3. 验证对比就绪状态在交给用户之前请检查预期的data-unship-pick分组存在预期的选项标签存在选项是该分组的直接子元素初始时恰好有一个选项可见隐藏的非活动选项保持隐藏。4. 让用户选择告诉用户分组标签、选项标签、设置状态以及任何检测到的本地预览服务器提示。用户在聊天中通过说出一个可见选项标签来进行选择。5. 选择后清理当用户选出胜出选项时保留该选项的真实源代码并移除该分组的落选选项。从已确定的源码中移除临时的data-unship-*属性。发布前的最终清理移除所有 Unship 产物并运行./node_modules/.bin/unship check--json在检查报告干净之前不要声称清理已完成。最佳实践让 Unship 工作保持本地化和临时性。除非用户明确要求不同的方向否则保留现有应用的设计语言。在变体处于临时状态时避免不相关的重构。不要将自定义标签页、应用偏好或永久切换器放入产品 UI 中用于 Unship 对比。保持非活动选项安全避免重复的活动 ID、提交控件、全局脚本、分析触发、焦点陷阱、破坏性副作用和有状态的提供者。局限性Unship 不会决定哪个变体胜出由人来选择。Unship 不能替代设计审查、浏览器 QA、无障碍检查或生产发布验证。Unship 不适用于生产流量、远程分析或持久化的产品实验。安全与注意事项仅在用户授权你修改的本地项目中运行命令。不要在自动化代理工作流中运行npx unship/clilatest或任何未固定版本的远程 CLI。先固定并审查包版本然后执行项目本地二进制文件。将生成的变体视为必须在发布前清理的临时代码。在进行破坏性清理之前如果用户的选择有歧义请确认所选选项标签。如果在 Unship 编辑之前基线构建或类型检查已经失败请报告该基线状态并保持变体工作隔离。常见陷阱问题隐藏变体被 CSS 覆盖了hidden。解决方案在需要时在变体专用 CSS 附近保留[hidden] { display: none !important; }。问题用户在更多更改后说保留第二个。解决方案在编辑源代码之前确认确切的分组和选项标签。问题对比演变成大规模重新设计。解决方案将范围缩小到可以在运行中的应用中评判的最小部分、状态或流程。相关技能webapp-testing- 前端更改后进行基于浏览器的功能检查时使用。mobile-design- 比较移动端专用 UI 模式和平台约束时使用。

相关推荐

嵌入式偶发Bug排查实战:串口假故障、蓝牙断开与烧录失败的差分定位法
嵌入式偶发Bug排查实战:串口假故障、蓝牙断开与烧录失败的差分定位法

干嵌入式这行,最怕的不是那种逻辑写错、一查就出的硬 bug,而是“偶尔出现、一测就好、一放就坏、换个环境又消失”的偶发问题。你蹲在板子面前守了半天,它稳如老狗;你刚把示波器探头收起来,它又当场表演。尤其串口通信… · 2026/9/27 11:22:04

凤岗网站仿做图解步骤:5步搞定高仿站
凤岗网站仿做图解步骤:5步搞定高仿站

凤岗网站仿做图解步骤:5步搞定高仿站 模板网站太丑不够用,直接买模板又显得没档次。很多东莞凤岗的老板或者运营想搞个“凤岗网站仿做”,看着别家网站不错,就想照着做一套。但真动手才发现,改来改去全是坑。今天这篇【凤岗网站仿做】的【图解步骤】,就… · 2026/9/27 11:21:52

搞懂如何运营一个网站完整流程,别在备案上栽跟头
搞懂如何运营一个网站完整流程,别在备案上栽跟头

搞懂如何运营一个网站完整流程,别在备案上栽跟头 你是不是也遇到过这种情况?网站代码写完了,UI也调好了,满心欢喜准备上线,结果卡在备案环节。看着工信部的系统提示,心里直打鼓,流程一头雾水,不知道先填什么、后传什么,更怕填错资料被驳回,白白浪… · 2026/9/27 11:21:52

分布式物联网平台如何实现设备接入到业务闭环
分布式物联网平台如何实现设备接入到业务闭环

1. 这不是又一个“平台演示”,而是一套能扛住产线压力的物联网底座乐吾乐Web组态——这个词最近在工业自动化、智慧能源和实训教学圈子里被反复提起,但很多人点开官网看到“自研分布式物联网平台”几个字,第一反应还是:又一个PPT架… · 2026/9/27 12:10:20

3类方案对比评测:怎么做网页宣传防被黑指南
3类方案对比评测:怎么做网页宣传防被黑指南

3类方案对比评测:怎么做网页宣传防被黑指南 昨晚刚帮一个做建材的老板处理完网站挂马的事,看着后台全是红色的“高危漏洞”提示,他急得直拍桌子。这种网站被黑挂马不知道怎么办,是无数中小企业主建站后的噩梦,也是我在做怎么做网页宣传方案时最警惕的隐… · 2026/9/27 12:10:14

搞懂网络营销与直播电商是做什么的,源码下载别踩备案坑
搞懂网络营销与直播电商是做什么的,源码下载别踩备案坑

搞懂网络营销与直播电商是做什么的,源码下载别踩备案坑 备案流程一头雾水?这是90%新手站长在接触网络营销与直播电商是做什么的这个问题时,最先撞上的南墙。很多人以为只要把网站代码写好,找台服务器部署上去就能开张,结果卡在工信部ICP备案系统那… · 2026/9/27 12:10:08

CityEngine CGA语法之替换函数 i(insert):用 TaoToken 统一 Key 调试规则报错与配置骨架
CityEngine CGA语法之替换函数 i(insert):用 TaoToken 统一 Key 调试规则报错与配置骨架

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 12:09:56

IP定位总飘忽不定?TaoToken 统一 Key 接入纯真全球街道级 API,破解定位盲区!
IP定位总飘忽不定?TaoToken 统一 Key 接入纯真全球街道级 API,破解定位盲区!

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 12:09:56

DeepSeek接入Cursor与VSCode编辑器配置指南:TaoToken统一API通道实战
DeepSeek接入Cursor与VSCode编辑器配置指南:TaoToken统一API通道实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 12:09:56

MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现
MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现

简介:这套Matlab仿真工具完整呈现雷达信号脉冲压缩过程,从线性调频(LFM)信号生成、目标回波仿真到匹配滤波压缩处理均有可运行代码支撑,面向电子信息工程、计算机、数学等专业学生,适用于课程设计、期末大作… · 2026/9/27 0:00:01

汕头网站建设制作厂家避坑指南:5大注意事项救急
汕头网站建设制作厂家避坑指南:5大注意事项救急

汕头网站建设制作厂家避坑指南:5大注意事项救急 改个需求建站公司拖一周,这种憋屈事我见得太多了。 很多汕头老板找本地建站团队,签合同前看着方案挺美,一上线就变脸。 今天不聊虚的,直接拆解找 汕头网站建设制作厂家 时的5个核心 注意事项… · 2026/9/27 0:00:01

多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习
多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习

简介:基于PyTorch的多模态虚假新闻检测项目完整代码包,面向自然语言处理与计算机视觉交叉方向的开发者、科研人员及毕业设计选题者,解决社交媒体中文本与图像联合识别虚假新闻的问题。系统以BERT预训练模型提取文本语义特征,以Res… · 2026/9/27 0:00:01

MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现
MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现

简介:这套Matlab仿真工具完整呈现雷达信号脉冲压缩过程,从线性调频(LFM)信号生成、目标回波仿真到匹配滤波压缩处理均有可运行代码支撑,面向电子信息工程、计算机、数学等专业学生,适用于课程设计、期末大作… · 2026/9/27 0:00:01

汕头网站建设制作厂家避坑指南:5大注意事项救急
汕头网站建设制作厂家避坑指南:5大注意事项救急

汕头网站建设制作厂家避坑指南:5大注意事项救急 改个需求建站公司拖一周,这种憋屈事我见得太多了。 很多汕头老板找本地建站团队,签合同前看着方案挺美,一上线就变脸。 今天不聊虚的,直接拆解找 汕头网站建设制作厂家 时的5个核心 注意事项… · 2026/9/27 0:00:01

多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习
多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习

简介:基于PyTorch的多模态虚假新闻检测项目完整代码包,面向自然语言处理与计算机视觉交叉方向的开发者、科研人员及毕业设计选题者,解决社交媒体中文本与图像联合识别虚假新闻的问题。系统以BERT预训练模型提取文本语义特征,以Res… · 2026/9/27 0:00:01

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码