Antigravity Skills

docx-to-citypage

Turns a City Page Builder Word .docx into a clean, optimized #pagebuilder HTML block — auto-detects sections (H1 → Section 1, each H2 → new section), pairs images into 40% two-column rows with alternating sides, handles infographics, CTA buttons, FAQ accordions + JSON-LD, and preserves every hyperlink via a manifest read straight from the docx. Identical engine to the Claude Code build — only the install location differs.

makeslider

Turns a slider-content Markdown file (one ## Card block per card, with Image URL / Alt / Title / Description / Bullets) into a self-contained card-slider HTML block — <style> + scoped markup + <script>, scoped under .cards-slider-scope with no external dependencies. Pastes straight into a WordPress Custom HTML block or a GTM Custom HTML tag. Each build gets a unique SLIDER_ID so multiple sliders can coexist on one page.

How to install

1. Locate your skills folder

Antigravity and the Gemini CLI load skills from a .agents/skills/ folder. Use the project-level one (inside your repo) to share it with a project, or the global one in your home directory to make it available everywhere.

• Project: <your-repo>/.agents/skills/
• Global: ~/.agents/skills/ (Windows: %USERPROFILE%\.agents\skills\)

2. Unzip into a named folder

Extract each zip so the files live in a folder named after the skill (the folder name is the skill name). You should end up with:

.agents/skills/docx-to-citypage/
├── SKILL.md
├── extract.js
├── template.css
├── package.json
├── package-lock.json
└── .gitignore

.agents/skills/makeslider/
├── SKILL.md
├── make-slider.js
└── samplecontent.md

3. Install dependencies (docx-to-citypage only, one time)

The docx-to-citypage extractor needs mammoth (which also provides jszip). From inside that skill folder:

cd .agents/skills/docx-to-citypage
npm install

Requires Node.js (18+, tested on v24). makeslider has zero dependencies — no npm install needed, just Node.

4. Use them

Restart Antigravity / the Gemini CLI (or reload the window) so it picks up the new skills, then invoke either one:

/docx-to-citypage "C:\Users\XXX\Downloads\City Smith-Corcoran Funeral Homes - Palatine, IL.docx"

Point it at your .docx and it writes a <cityname>.html next to the document.

/makeslider slidercontent.md

Point it at your slider-content Markdown and it writes a slider-output.html in the working directory. See the bundled samplecontent.md for the card format.

5. Apply the brand styling (docx-to-citypage)

The page is built with neutral default styling. To match the client's brand, send a follow-up message with the fonts and colors — the agent applies them to the page's CSS variables. Paste a prompt like this (edit the values per client):

Heading font is "Libre Caslon Text", serif
Heading Color is rgba(69, 85, 96, 1);
Content font is Montserrat, sans-serif
Content font-size: 16px

button font is Montserrat, sans-serif;
button background-color rgba(181, 17, 63, 1);
button font-size: 16px
border radius is 0
button text color: #ffffff;
hover background is  rgba(163, 10, 53, 1)
hover text color is #ffffff;

You can also include a border and box-shadow line for the button if the brand uses them.