Google Antigravity Agent Skill
Every deck, page, app screen, and document — built to the Sngular Design System automatically.
sngular-design is a packaged Antigravity Pair-Programming Skill: install it once, and the agent reaches for the Sngular brand rules — color, type, logo, tone, and layout — every time someone asks for a piece with the brand, without anyone having to explain the guidelines again.
114 KB · works in Google Antigravity IDE, agy CLI, and Gemini / Claude Agents
Core Benefits
Why Use the Sngular Design Skill?
Generate production-ready, brand-compliant digital deliverables without prompt coaching. The skill injects Sngular Brand Book 2025 rules directly into the AI agent's execution loop.
Automated Brand Fidelity
Guarantees the 95/5 Navy/Blue palette, 0px border-radius, official SVG logotypes, and Outfit typography across every single output without manual editing.
WCAG 2.1 AA Certified
Automated mathematical contrast testing verifies that every text and background pairing meets or exceeds 4.5:1 before any deliverable is presented.
5 Native Delivery Channels
Smart routing delivers tailored artifacts for presentations (16:9 HTML decks), landing pages, SaaS dashboards, mobile app screens, and executive documents.
100% Offline & Zero Setup
Completely self-contained with embedded design tokens and fonts. Zero build steps, zero npm/python package dependencies, and no API keys required.
Outcome Showcase
Real Examples Built with the Skill
Explore production-grade deliverables generated directly by Google Antigravity across all 5 delivery channels. Every piece below strictly enforces the 2025 Brand Book — try the live preview or copy the prompt into your agent.
Executive Briefing & Architecture Deck
Interactive 16:9 slide canvas featuring Navy/White alternating rhythm, presenter mode (F), speaker notes drawer, and top-right S| isotype.
Cloud AI Enterprise Platform Showcase
High-impact marketing page with SpecialTitle badge, stat bands (+1,300 engineers), square solution cards with 0px radius, and testimonial quotes with the Cursor gesture.
Engineering Velocity & Token Dashboard
Mission-critical ops dashboard with 4 KPI cards, weekly PR velocity trend charts, automated WCAG AA compliance gauges, and squad deployment status tables.
Client Engagement & Squad Delivery Portal
Multi-pane web application workspace with dark Navy sidebar (#061B2B), active route indicators, search filtering, progress tracking, and team milestone cards.
Agent Execution Status & Synthesis Card
Compact interactive widget designed for chat embedding via <agent-embed> with live status indicator, execution metrics, and step verification checklist.
Field Service & On-Site Check-In Screen
Touch-friendly mobile interface rendered in a realistic iPhone bezel with dynamic island, iOS status bar, active task checklist, and 4-destination bottom tab bar.
Technical Architecture & Installation Spec
Strict adherence to corporate document standards: A4 layout, Verdana body typography, Blue headers, zebra tables, and callout blocks with zero prohibited blues.
How to Install
Set it up in under a minute
The skill distributes as a single compressed package (sngular-design-antigravity.tar.gz). Simply download, unzip into your skills directory, and you are ready.
Download the package
Use the download button on this page to save sngular-design-antigravity.tar.gz to your computer.
Download Package (~114 KB)Unzip into your Antigravity skills directory
Extract the package directly into your Antigravity skills location:
mkdir -p ~/.gemini/config/skills
tar -xzf sngular-design-antigravity.tar.gz -C ~/.gemini/config/skills/
You can also extract the archive in macOS Finder or Explorer and place the sngular-design folder into ~/.gemini/config/skills/ or in your workspace .agents/skills/.
That's all — Ask for anything on-brand
Open Google Antigravity or the agy CLI. The skill is detected immediately. Ask for a presentation, landing page, document, or brand review:
/sngular-design Create an executive presentation for our new cloud architecture proposalTechnical Artifacts & Deep Guides
Full Technical Specifications
For technical teams, architects, and leaders, all detailed specifications, execution loops, and presentation materials are kept in the site repository.
An 8-slide interactive presentation deck built with Outfit typography, presenter mode, speaker notes, and dynamic layout rhythm.
Word/Docs-compliant technical guide covering the 4-layer execution loop, design token schemas, WCAG contrast testing, and directory layout.
Standalone source templates in site/examples/ for landing pages, dashboards, web apps, inline dashlets, and iOS mobile screens.