Cursor Agent Skills for Grok 4.6 (SKILL.md Guide)
Install Cursor agent skills for Grok 4.6: .cursor/skills SKILL.md, DESIGN.md hooks, image QA steps, and taste skills that constrain a strong first pass.
Agent skills for Grok 4.6 are Cursor SKILL.md packages in .cursor/skills/ (and often .agents/skills/ or .claude/skills/) that the Agent loads when the task matches the description. Grok 4.6 does not use a different skill format. It is the model running the skill. Write the skill to cap a strong first pass: read DESIGN.md, one section, then ask for a screenshot.
Skills = procedure. Templates = composition. Hub: what are agent skills?.
Why Grok 4.6 skills should gate the first pass
4.6 is tuned to stay on long tasks and to produce a substantial visual first version. A skill that only says "make good UI" will be ignored in favor of finishing the app.
A useful 4.6 skill does three things:
- Forces DESIGN.md before JSX
- Forbids extra routes and extra sections
- Requires an image of the preview before the next section (4.6 accepts image input)
Without those gates, the skill is a blog post the model skims.
Where Cursor looks for skills (Grok 4.6)
| Scope | Path |
|---|---|
| Project | .cursor/skills/<name>/SKILL.md |
| Also discovered (typical) | .agents/skills/, .claude/skills/, Codex-compatible dirs |
| User | Cursor user skills directory (version-specific) |
Commit project skills. Grok 4.6 in Cursor on a teammate's machine should see the same taste rules.
.cursor/skills/tasteful-ui/SKILL.md
DESIGN.md
PROMPT.md
Install walkthrough for multiple agents: install skills in Claude, ChatGPT, Cursor.
SKILL.md written for Grok 4.6
---
name: tasteful-ui
description: Use when building or redesigning UI, landing pages, dashboards, or marketing sections in Cursor with Grok 4.6. Applies DESIGN.md, section scoping, anti-slop bans, and screenshot checks. Do not use for backend-only tasks.
---
# Tasteful UI (Grok 4.6)
1. Read DESIGN.md. If missing, stop.
2. Implement one named section and named files only.
3. Do not add pages, dependencies, or motion not in the spec.
4. Use existing components/ui primitives.
5. After edits, ask the user to attach a preview screenshot.
6. Do not start the next section until screenshot issues are fixed or skipped.
7. If the user asked for a whole site, propose a section order and wait.
In Agent chat, mention the skill on the first UI turn if discovery is sleepy:
Use the tasteful-ui skill.
@DESIGN.md @PROMPT.md
Hero only.
Design skills to install for Grok 4.6
Browse /skills. Order for this model:
| Skill | Why 4.6 |
|---|---|
| Taste / anti-slop | Counters the polished-generic first pass (taste skills) |
| Landing / pricing | Stops 4.6 from inventing extra marketing bands |
| Typography | Locks scale before image QA |
| Motion | 4.6 will "improve" hover; cap it |
| Accessibility | After the visual pass, not instead of it |
List: best design agent skills 2026. One taste skill on day one. Not ten.
Skills + Cursor images
Grok 4.6 takes image input. Put that in the skill so Agent mode asks for the PNG instead of declaring victory.
You still @DESIGN.md. The screenshot is for layout bugs the spec did not mention (overlap, wrap, optical size). Tokens stay in the markdown file so 4.6 does not sample hex off the PNG.
Grok Build vs Cursor skills
Skills live in the repo. Grok Build may not see .cursor/skills/ the same way. For UI you care about, run 4.6 in Cursor Agent on the project that contains the skill.
If you prototype in Build, copy DESIGN.md and the skill folder into the Cursor repo before the second pass.
Sharing skills with Kimi K3 and DeepSeek V4
Keep the canonical copy in .agents/skills/tasteful-ui/ and let Cursor discover it, or symlink into .cursor/skills/.
- Grok 4.6: keep the screenshot gate
- Kimi K3: same gate (Kimi skills)
- DeepSeek V4: replace the screenshot gate with numeric checks (V4 skills)
One craft, three harness footnotes.
.cursor/rules vs skills vs DESIGN.md
| Layer | Job with 4.6 |
|---|---|
.cursor/rules | Always-on bans |
| Skill | UI procedure + screenshot gate |
| DESIGN.md | Tokens |
4.6 will do extra work if any layer is silent. Fill all three.
FAQ
Does Grok 4.6 support Agent Skills?
In Cursor, yes, the same as other Cursor models. Skills are a Cursor (and Agent Skills standard) feature. 4.6 is the weights.
Should reasoning be xhigh when a skill is on?
No. High for the first structured section. Lower for screenshot fixes. xhigh does not replace a missing skill.
Why does 4.6 skip my skill and build the whole app?
Description does not mention landing/UI, or the user said "build the startup." Tighten the description. First line of the user prompt: "Use tasteful-ui. One section."
Can I install skills from the Agent's Design skills directory?
Yes. Use /skills, install into a discovered folder, attach DESIGN.md from the gallery.
Skill first, then let 4.6 run
Grok 4.6 will keep going. A skill is the stop sign and the checklist. Install one taste skill in .cursor/skills/, @DESIGN.md, and do not accept a whole-site first pass.
Browse design skills on /skills and templates on the gallery.
Ship the next screen with taste
Browse agent-ready templates, DESIGN.md specs, and prompts in the gallery — then paste into Cursor, Claude Code, or v0.
