Extracts brand visual identity from URLs or images and generates comprehensive design specifications. Creates usage guides for landing pages, presentations, social media posts, and other contexts. Automatically generates a new skill with the brand name containing all design specifications.
Captures visual identity from a source (URL or image) and creates comprehensive design specifications and usage guides. Automatically generates a new skill with the brand name for future reference.
Identify and document the following:
Create a comprehensive design system document with:
# [Brand Name] Design System
## Color Palette
### Primary Colors
| Name | Hex | RGB | Usage |
|------|-----|-----|-------|
| Primary | #XXXXXX | rgb(X,X,X) | Main brand color, CTAs |
### Secondary Colors
...
## Typography
### Font Family
- Headlines: [Font Name]
- Body: [Font Name]
### Type Scale
| Name | Size | Weight | Line Height |
|------|------|--------|-------------|
| H1 | 48px | 700 | 1.2 |
...
## Spacing System
...
## Components
...
Create usage guides for each context:
Create a new skill in the global skills folder with the brand name:
Location: ~/.gemini/antigravity/skills/<brand-name>/
Structure:
<brand-name>/
├── SKILL.md # Main instructions
├── resources/
│ ├── colors.md # Color specifications
│ ├── typography.md # Typography guide
│ └── components.md # Component styles
└── contexts/
├── landing-pages.md # Landing page guidelines
├── presentations.md # Presentation guidelines
└── social-media.md # Social media guidelines
SKILL.md Template for Brand:
---