Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add VidyFoo/antigravity-skill-engine --skill visual-designinggit clone --depth 1 https://github.com/VidyFoo/antigravity-skill-engineWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/vidyfoo/antigravity-skill-engine/visual-designing)<a href="https://agentmods.dev/skills/vidyfoo/antigravity-skill-engine/visual-designing"><img src="https://agentmods.dev/badge/skills/vidyfoo/antigravity-skill-engine/visual-designing/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/vidyfoo/antigravity-skill-engine/visual-designing"><img src="https://agentmods.dev/badge/skills/vidyfoo/antigravity-skill-engine/visual-designing.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00029 | $0.00496 |
| Opus 5.5 | $0.00012 | $0.00198 |
| Sonnet 5.5 | $0.00006 | $0.00099 |
| Haiku 4.5 | $0.00003 | $0.00050 |
Grade A, and why
visual-designing scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Visual Design System
Unified Design Engine v1.0
Purpose
A single source of truth for all UI/UX design tasks. This skill intelligently switches between "Production Efficiency" (Standard) and "Wow Factor" (Premium) based on user intent.
🧭 Design Modes
| Mode | Trigger | Focus | Style Traits |
|---|---|---|---|
| Standard (Production) | "create a dashboard", "login form", "settings page" | Usability, Speed, Accessibility | Tailwind utility-first, clean whites/darks, standard shadcn/ui components. |
| Premium (Aesthetic) | "premium", "glassmorphism", "wow me", "landing page" | Visual Impact, Emotion, Brand | Glass effects, Aurora gradients, Micro-interactions, custom CSS variables. |
🛠️ Execution Protocol
- Analyze Aesthetic Intent: Does the user want a solid tool (Standard) or a piece of art (Premium)?
- Load Resources (Premium Only):
- If Premium/Glass/Motion is requested, you MUST read:
resources/glass-components.md(for glass CSS)resources/premium-palettes.md(for gradients/colors)resources/micro-interactions.md(for animations)
- If Premium/Glass/Motion is requested, you MUST read:
- Generate CSS/Tailwind:
- Standard: Use standard Tailwind (
bg-white,text-slate-900,rounded-lg). - Premium: Use
backdrop-filter,bg-white/10,border-white/20, and custom animations.
- Standard: Use standard Tailwind (
📐 Core Principles (All Modes)
- Mobile First: Always responsive.
- Dark Mode Ready: All specific colors must have dark mode equivalents.
- Accessibility: No ultra-low contrast text, even in "Premium" mode.
🚫 Anti-Patterns
- Mixing Metaphors: Don't put a hyper-realistic glass card inside a flat material design dashboard. Commit to one style.
- Over-Animation: Motion should facilitate understanding, not distract.
What ships with it
7 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 39 lines · 29 tokens per session scan A 23696f402311
visual-designing is a skill published in the GitHub repository VidyFoo/antigravity-skill-engine (12 stars, last pushed 1mo ago), licensed MIT. It adds 29 tokens to every session and 496 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
ai-product
Every product will be AI-powered. The question is whether you'll build it right or ship a demo that falls apart in production.
absolute-ui
Build polished, intentional UIs with concrete CSS/Tailwind values — typography, color, layout, spacing, dark mode, accessibility, animations, components. Encodes specific, opinionated rules with exact values, not vague advice. Covers buttons, cards, forms, tables, navigation, dashboards, landing pages, onboarding, and…
anti-slop-design
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
agent-orchestrator
Meta-skill que orquestra todos os agentes do ecossistema. Scan automatico de skills, match por capacidades, coordenacao de workflows multi-skill e registry management.
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
accesslint-audit
Find and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to a browser-MCP composition or HTML-string audits.