SuperAPI AI 工具集

openclicky-build-preview

前端与建站

查看项目

更新于 10-16 09:06

技能介绍

OpenClicky Build Preview 是一个围绕“构建—启动—预览—迭代”闭环的前端交付工作流技能,隶属于 jasonkneen/openclicky 技能集合。

用途方面,它覆盖网站、Web 应用、仪表盘、落地页、HTML 文件、前端组件以及 React/Next 应用等前端产物的构建、修改、启动、预览与迭代。当用户提出搭建某类前端项目、打开或预览已生成的站点、或者对既有界面做视觉打磨与调整时,该技能即进入适用场景。

主要能力方面,该工作流会先检测技术栈与包管理器,再按照既有项目模式进行有范围的代码改动,并遵循高质量前端规则:清晰的层级结构、响应式布局、可访问的控件、得体的动效,避免通用化的填充内容。需要时会启动或复用本地开发服务器,并优先以常规本地检查进行验证,包括文件是否存在、服务器响应、构建产物,以及在可用时进行有针对性的浏览器或页面检查。对于静态 HTML 文件与已保存的输出,则交由 openclicky-artifacts 处理。该技能还吸收了前端设计、抛光与动画方面的指导,但不会把这些底层技能单独暴露出来。

使用方式方面,执行前必须遵循 ../_shared/OpenClickySkillCompatibilityPolicy.md 中的兼容性策略,并核实所需的本地命令、工具、密钥或桥接端点是否可用,之后再承诺执行。发送、发布、部署、删除、移动、合并、播放列表或库变更、云端写入以及应用控制点击,除非本技能进一步收窄范围,否则一律视为外部写入。若工具、鉴权或 macOS 权限不可用,应停止操作并报告确切的缺失设置步骤,不得循环重试或静默改用浏览器自动化。在回退策略上,对于一次性页面,可创建单个 HTML/CSS/JS 文件并打开或展示;若请求演变为操作现有应用或已登录的浏览器界面,则停止构建工作流并转交可见 GUI 工作流,而不是将其当作预览验证处理;若依赖失败,则转交 openclicky-dev-setup-doctor。

适用场景与边界方面,该技能不适用于以 GitHub/PR/CI/仓库工作流为主的任务(应使用 openclicky-repo-operator)、以 localhost 或工具链故障为主的任务(应使用 openclicky-dev-setup-doctor),以及仅需查找或打开既有生成文件的任务(应使用 openclicky-artifacts)。安全约束要求不重构无关代码、未经要求不覆盖用户文件、避免抢占或劫持用户浏览器(足够时只展示 URL 或路径),并且不得使用 open -a Google Chrome 这类浏览器特定 shell 命令作为预览循环;若用户要求查看已完成的本地文件,应推迟并有意识地使用产物或打开路径。

产物与验证方面,任务结束时应给出本地 URL 或绝对文件路径;生成的静态页面应保存在稳定的项目路径或 output/builds/<slug>/ 下;打开或展示请求使用 openclicky-artifacts。在合理范围内应运行项目相关的检查;对于前端工作,在交付结果前需通过本地服务器响应、页面或浏览器测试工具、截图或生成文件确认页面可加载且关键 UI 状态可渲染。若无法进行视觉检查,应说明已验证内容和仍待确认的内容。

关于收费、价格、支持平台与具体效果,资料中暂未提供。