The Antigravity Skills Web App is a modern interface to explore, search, and use skills directly from your browser. No command-line required.
Features
Full-text search
Search skills by name, description, or content
Category filters
Filter by Frontend, Backend, Security, DevOps, and more
Markdown rendering
View complete documentation with syntax highlighting
Copy buttons
Copy
@skill-name or full content in 1 clickPrompt Builder
Add custom context before copying
Dark mode
Adaptive light/dark interface
Auto-update
Automatically syncs with upstream repo
968+ skills
Browse the complete catalog
Quick Start
Windows
Double-click the batch file or run it in your terminal:macOS / Linux
The app automatically opens athttp://localhost:5173 (or an alternative port if 5173 is busy).
Available npm Commands
Command Reference
| Command | Description |
|---|---|
app:setup | Copy skills to web-app/public/ |
app:dev | Start development server |
app:build | Production build |
app:preview | Preview production build |
Using the Interactive Prompt Builder
On each skill page, you’ll find the Interactive Prompt Builder. This tool helps you create ready-to-use prompts without manually writing them.Copy the prompt
Click Copy Prompt to get a formatted prompt combining:
- The skill name (
@skill-name) - Your custom context
Search and Filter
Full-text Search
The search bar searches across:- Skill names
- Descriptions
- Full content of SKILL.md files
- “react hooks” - finds all React-related skills mentioning hooks
- “security audit” - finds security assessment skills
- “typescript” - finds TypeScript development skills
Category Filters
Skills are organized into categories:View all categories
View all categories
- Architecture - System design, ADRs, C4, scalable patterns
- Business - Growth, pricing, CRO, SEO, go-to-market
- Data & AI - LLM apps, RAG, agents, observability, analytics
- Development - Language mastery, framework patterns, code quality
- General - Planning, docs, product ops, writing, guidelines
- Infrastructure - DevOps, cloud, serverless, deployment, CI/CD
- Security - AppSec, pentesting, vulnerability analysis, compliance
- Testing - TDD, test design, fixes, QA workflows
- Workflow - Automation, orchestration, jobs, agents
Auto-Update Feature
The web app automatically fetches and merges the latest skills from the original repository every time you open it. You don’t need to manually run
git pull or npx antigravity-awesome-skills to update.How Auto-Update Works
This ensures you always have access to the latest skill catalog without manual intervention.
Dark Mode
The web app includes an adaptive light/dark interface:- Toggle manually using the theme switcher
- Automatically respects your system preferences
- Persists your choice across sessions
Tips for Effective Usage
Start with search
Use the search bar to quickly find relevant skills by keyword
Browse by category
Explore category filters when you’re not sure what you need
Use the Prompt Builder
Add project-specific context to get better AI responses
Copy full content
For complex skills, copy the full documentation for reference
Troubleshooting
Port already in use
If port 5173 is already in use, Vite will automatically use the next available port. Check the terminal output for the actual URL.Skills not showing
Auto-update not working
Ensure you have:- Git installed and configured
- Network connectivity
- Proper permissions to the repository directory
Next Steps
View Bundles
Explore curated skill collections by role
Learn Workflows
Follow step-by-step playbooks for common goals
Create Skills
Build your own custom skills
Getting Started
New to Antigravity? Start here