Summary
将前端实现、UI 优化、编码、评审以及图片生成/编辑任务委托给本机 Grok CLI。仅当用户明确要求使用 Grok、说“用 Grok 做/改/画”“让 Grok 执行”“ask Grok”,或选择 $grok 时调用。优先用于前端和用户可见 UI、HTML/CSS/React、视觉实现以及…
oil-oil/grok · Archived
将前端实现、UI 优化、编码、评审以及图片生成/编辑任务委托给本机 Grok CLI。?
将前端实现、UI 优化、编码、评审以及图片生成/编辑任务委托给本机 Grok CLI。仅当用户明确要求使用 Grok、说“用 Grok 做/改/画”“让 Grok 执行”“ask Grok”,或选择 $grok 时调用。优先用于前端和用户可见 UI、HTML/CSS/React、视觉实现以及…
This repository is archived — consider an actively maintained alternative.
>- Delegate a coding task to the Grok Build CLI as a background implementer, then review its di…
2.4K installsConnect an xAI account (X Premium / X Premium+ / SuperGrok / SuperGrok Heavy) via OAuth 2.0 dev…
2.3K installsWhen the user wants to add recommendations, links, or content to Grokipedia. Also use when the …
1.7K installsxAI Grok image and video generation guide covering authentication, endpoints, prompt structure,…
7 installsRelated neighbors and high-traction skills in the same topics — useful to compare before installing.
Guidance for distinctive, intentional visual design when building new UI or reshaping an existi…
866.4K installsBrowser automation CLI for AI agents. Use when the user needs to interact with websites, includ…
810.4K installsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…
617.3K installsBuild, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and …
576.5K installsDebug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …
568.9K installsDeclared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
main
Parsed from SKILL.md frontmatter.
Files included with this skill beyond the listing page.
SKILL.md
5,275 B
SUMMARY.md
446 B
把边界明确的执行任务委托给本机 Grok CLI。Grok 4.5 尤其适合前端/UI,也提供 imagegen 和 imageedit 工具。
--file 传入 1–4 个有效入口文件,wrapper 会把路径作为起始上下文。grok。wrapper 会保存输出、会话 ID 和转录记录。macOS/Linux:
~/.codex/skills/grok/scripts/ask_grok.sh "优化设置页前端并保持现有行为" \
--workspace /path/to/project \
--file src/pages/Settings.tsx \
--file src/styles/tokens.css
读取 outputpath 指向的文件;后续任务保存并复用 sessionid:
~/.codex/skills/grok/scripts/ask_grok.sh "继续收紧移动端布局" \
--workspace /path/to/project \
--session <session_id>
纯分析任务添加 --read-only。重要改动需要自检时,可给 wrapper 添加 --check:wrapper 只会把检查要求写入提示词,绝不把 --check 传给本机 Grok CLI,因为 Grok 1.0.0 不支持该参数。
wrapper 输出:
session_id=<id>
output_path=<markdown report>
elapsed=<seconds>s
--file 传入目标组件/页面,以及相关样式 token 或相邻 UI 基础组件。--check,要求 Grok 在结束前运行相关项目检查。用户希望 Grok 自主判断设计时,不要过度规定样式;用户给出的品牌规则和参考文件必须明确传达。
用自然语言要求 Grok 调用图片工具:
imagegen,传入 prompt 和 16:9、9:16 或 1:1 等 aspectratio。image_edit,传入提示词、源图片路径和可选宽高比。始终提供绝对输出路径,并要求 Grok 把最终文件保存或复制到该路径。Grok 0.2.93 的实测行为是:image_gen 先把 JPG 原图放到 ~/.grok/sessions/.../images/,再转换为指定 PNG;不要假设原始文件已经是 PNG 或位于工作区。
示例:
~/.codex/skills/grok/scripts/ask_grok.sh \
"调用 image_gen 生成一张无文字的 16:9 编辑插画,把最终图片保存或转换到 /absolute/path/hero.png,并报告该路径。" \
--workspace /path/to/project
需要透明背景时,先要求纯 #808080 背景并保存原图,再执行:
python3 ~/.codex/skills/grok/scripts/cutout.py raw.png final.png
确认最终文件是 RGBA。外观驱动的图像使用图片生成;精确文字、图表、表格和技术图使用 HTML/CSS 或 SVG 构建并进行视觉检查。
--workspace <path>:目标工作目录,默认当前目录。--file <path>:添加起始文件路径,可重复使用。--session <id>:恢复已有 Grok 会话。--model <id>:覆盖模型;wrapper 默认使用 grok-4.6。--reasoning <effort>:向 Grok 传入推理强度。--read-only:使用 plan 权限模式并明确禁止写入。--check:只在提示词中要求 Grok 运行相关检查,绝不把该参数传给 Grok CLI。--no-subagents:禁用 Grok 子代理,可与 wrapper 的 --check 同时使用。grok 时,报告本机 CLI 不可用;不要擅自安装或登录。grok models 也可能显示“未认证”;以 wrapper 的实际任务执行结果判断可用性。--check 时,根据 Grok 报告和真实命令输出判断验证结果;本机 CLI 没有原生 --check 模式。