# Install Web Design Guidelines in Google Antigravity

Source: https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
Listing: https://www.antigravityskills.org/skill/web-design-guidelines
Safety review (2026-10-14): No scripts or credentials, but the skill fetches its rule set from a remote GitHub raw URL on every run, so the instructions it follows can change.

## Rules for the agent
- Before running anything, tell the user what you will download and whether it contains scripts, and ask them to confirm.
- Install into this project (.agents/skills/) unless the user asks for a global install (~/.gemini/config/skills/).
- Do not run other commands from the source repository unless the user asks.

## Steps
1. Download the repository

```bash
git clone --depth 1 https://github.com/vercel-labs/agent-skills /tmp/vercel-agent-skills && git -C /tmp/vercel-agent-skills log -1 --format=%h -- skills/web-design-guidelines
```

   The repository holds 9 skill folders under skills/ at our review commit; you only need web-design-guidelines. The last change to that folder at our review was ba46938 (2026-01-16); a different hash means the skill changed after our review.
2. Copy the skill into this project (workspace skill)

```bash
mkdir -p .agents/skills && cp -r /tmp/vercel-agent-skills/skills/web-design-guidelines .agents/skills/
```

   Run from your project root. Antigravity loads workspace skills from .agents/skills/, so you end up with .agents/skills/web-design-guidelines/SKILL.md. Copy the folder, not the web-design-guidelines.zip next to it (an older packaging whose frontmatter differs).
3. Or install it for all projects (global skill)

```bash
mkdir -p ~/.gemini/config/skills && cp -r /tmp/vercel-agent-skills/skills/web-design-guidelines ~/.gemini/config/skills/
```

   Use this instead of the previous step. For the Antigravity CLI the global folder is ~/.gemini/antigravity-cli/skills/.
4. Check that Antigravity sees it
   Antigravity 2.0 app: start a new conversation and ask "What skills do you have?" (the app has no /skills command). Antigravity CLI: run /skills; in a session already open run /skills reload first. The skill is listed as web-design-guidelines. Then ask for a review and name a file.

Note: The skill's README does not mention Antigravity, but the rules repo does: its install.sh has an Antigravity branch that writes the rules (command.md, with a name line added) to ~/.gemini/antigravity/global_skills/web-interface-guidelines/SKILL.md. That is a static local copy, so reviews need no download, at the price of going stale. We document the .agents/skills and ~/.gemini/config/skills folders above because they are the paths we use for every skill. No API keys; the agent must be allowed to fetch the raw.githubusercontent.com URL in the normal copy.

Done when the skill is listed: in the Antigravity 2.0 app ask "What skills do you have?" in a new conversation (the app has no /skills command); in the Antigravity CLI run /skills (run /skills reload first in a session that was already open).
