SuperAPI AI 工具集

frontend-master

前端与建站

查看项目

更新于 10-16 01:16

技能介绍

用途:使用 Gemini CLI 的 --yolo 模式自动批准变更,完成前端 UI/UX 任务,例如颜色、背景、边框、阴影、布局(flexbox、grid、边距、定位)、排版、动画、响应式断点与组件样式(Tailwind、CSS-in-JS、styled-components)。不适用于纯逻辑改动(API 调用、状态管理、事件处理)、类型定义、工具函数与业务逻辑,这些应改用 logic-master 技能。

主要能力:通过命令行把前端文件或目录作为上下文交给 Gemini,生成并应用样式修改;支持结构化 JSON 输出便于脚本解析;可结合 lsp_diagnostics 验证结果。

使用方式:基本命令结构为 cat <frontend-file> | gemini --yolo --prompt "<instruction>";也可用 gemini --yolo --prompt "<instruction>" --include-directories <dirs> 指定目录,或用 --all-files 纳入整个项目。--yolo 为必需标志,用于自动批准所有更改;--prompt 或 -p 指定任务;--output-format json 获取结构化输出。工作流为:确定要修改的前端文件、构造带 --yolo 的 Gemini 命令、通过 bash 工具执行、用 lsp_diagnostics 验证、满意后应用更改。

适用场景:修改组件样式、响应式导航栏、布局转换、动画与悬停效果、全项目主题更新与设计系统对齐。

限制与安全:--yolo 会自动批准所有操作,仅应在受版本控制、可轻松回滚且不涉及敏感操作的目录中使用。命令挂起时确认已加 --yolo;无更改时检查文件是否在上下文中;出现意外更改时在提示中加入更具体约束;构建报错时运行 lsp_diagnostics 修复类型问题。不要修改逻辑或事件处理器,不要移除现有功能,不要使用 --approval-mode,应使用 --yolo。