CIP Design - Corporate Identity Program Intelligence
Comprehensive Corporate Identity Program (CIP) design system with 50+ deliverables, 20 design styles, 20 industry guides. Search design guidelines and generate mockups using Gemini Nano Banana (Flash/Pro) models.
Note: This skill uses ai-multimodal skill's Gemini integration for image generation with Nano Banana models (NOT Imagen).
When to Apply
Activate when user requests:
- Corporate identity or brand identity design
- CIP/CI deliverable mockups (business cards, letterheads, signage, etc.)
- Brand application guidelines
- Vehicle branding, office signage, uniforms
- Complete brand identity packages
Quick Reference
1. Generate CIP Brief (RECOMMENDED START)
python3 ~/.claude/skills/cip-design/scripts/search.py "tech startup" --cip-brief -b "BrandName"
Returns: Industry analysis, style recommendations, key deliverables.
2. Search Specific Domains
# Search deliverables
python3 ~/.claude/skills/cip-design/scripts/search.py "business card letterhead" --domain deliverable
# Search design styles
python3 ~/.claude/skills/cip-design/scripts/search.py "luxury premium elegant" --domain style
# Search industry guidelines
python3 ~/.claude/skills/cip-design/scripts/search.py "hospitality hotel" --domain industry
# Search mockup contexts
python3 ~/.claude/skills/cip-design/scripts/search.py "office reception" --domain mockup
3. Generate CIP Mockups with Gemini Nano Banana
RECOMMENDED: Use --logo for accurate brand mockups
# Generate with brand logo (RECOMMENDED - uses image editing)
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TopGroup" --logo /path/to/logo.png --deliverable "business card" --industry "consulting"
# Generate full CIP set with logo
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TopGroup" --logo /path/to/logo.png --industry "consulting" --set
# Use Pro model for higher quality / 4K text rendering
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TopGroup" --logo logo.png --deliverable "business card" --model pro
# Custom deliverables with aspect ratio
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "GreenLeaf" --logo logo.png --industry "organic food" --deliverables "letterhead,packaging,vehicle" --ratio 16:9
# Without logo (AI generates its own interpretation)
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TechFlow" --deliverable "business card" --no-logo-prompt
Models:
flash (default): gemini-2.5-flash-image - Fast, cost-effectivepro: gemini-3-pro-image-preview - Quality, 4K text rendering
Image Editing Mode:
When --logo is provided, uses Gemini's text-and-image-to-image capability to incorporate your ACTUAL logo into mockups. Without --logo, AI generates its own brand interpretation.
Deliverable Categories
| Category |
Items |
| Core Identity |
Logo, Logo Variations |
| Stationery |
Business Card, Letterhead, Envelope, Folder, Notebook, Pen |
| Security/Access |
ID Badge, Lanyard, Access Card |
| Office Environment |
Reception Signage, Wayfinding, Meeting Room Signs, Wall Graphics |
| Apparel |
Polo Shirt, T-Shirt, Cap, Jacket, Apron |
| Promotional |
Tote Bag, Gift Box, USB Drive, Water Bottle, Mug, Umbrella |
| Vehicle |
Car Sedan, Van, Truck |
| Digital |
Social Media, Email Signature, PowerPoint, Document Templates |
| Product |
Packaging Box, Labels, Tags, Retail Display |
| Events |
Trade Show Booth, Banner Stand, Table Cover, Backdrop |
Design Styles Quick Guide
| Style |
Colors |
Best For |
| Corporate Minimal |
Navy, White, Blue |
Finance, Legal, Consulting |
| Modern Tech |
Purple, Cyan, Green |
Tech, Startups, SaaS |
| Luxury Premium |
Black, Gold, White |
Fashion, Jewelry, Hotels |
| Warm Organic |
Brown, Green, Cream |
Food, Organic, Artisan |
| Bold Dynamic |
Red, Orange, Black |
Sports, Entertainment |
Workflow Example
User: "Create a complete CIP for a luxury hotel called Grand Vista"
- Generate CIP brief:
python3 ~/.claude/skills/cip-design/scripts/search.py "luxury hospitality hotel" --cip-brief -b "Grand Vista"
- Generate key deliverables with logo (RECOMMENDED):
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "Grand Vista" --logo /path/to/grandvista-logo.png --industry "hospitality" --style "luxury premium" --set
- Or without logo (AI generates interpretation):
python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "Grand Vista" --industry "hospitality" --style "luxury premium" --set --no-logo-prompt
Note: If no logo exists, consider using the logo-design skill first to generate one.
4. Render HTML Presentation (Final Step)
Generate a professional HTML presentation from CIP mockups with detailed descriptions, concepts, and specifications.
# Generate HTML presentation from CIP images
python3 ~/.claude/skills/cip-design/scripts/render-html.py --brand "TopGroup" --industry "consulting" --images /path/to/cip-output
# Specify custom output path
python3 ~/.claude/skills/cip-design/scripts/render-html.py --brand "TopGroup" --industry "consulting" --images ./topgroup-cip --output presentation.html
HTML Presentation Features:
- Hero section with brand name, industry, style, and mood
- Individual deliverable cards with mockup images
- Detailed descriptions: concept, purpose, specifications
- Responsive design for desktop and mobile viewing
- Dark theme professional aesthetic
- Images embedded as base64 (single-file portable)
References
references/deliverable-guide.md - Detailed deliverable specificationsreferences/style-guide.md - Design style descriptionsreferences/prompt-engineering.md - AI generation prompts
Setup
export GEMINI_API_KEY="your-key" # Get from https://aistudio.google.com/apikey
pip install google-genai pillow
See ai-multimodal skill's references/image-generation.md for detailed Nano Banana documentation.
1---2name: cip-design3description: Corporate Identity Program design with 50 deliverables, 20 styles, 20 industries. Generate CIP mockups with Gemini Nano Banana (Flash/Pro). Actions: design, create, generate brand identity. Deliverables: business card, letterhead, signage, vehicle, apparel, packaging. Styles: corporate, luxury, minimal, modern.4license: MIT5---6
7# CIP Design - Corporate Identity Program Intelligence
8
9Comprehensive Corporate Identity Program (CIP) design system with 50+ deliverables, 20 design styles, 20 industry guides. Search design guidelines and generate mockups using Gemini Nano Banana (Flash/Pro) models.
10
11> **Note:** This skill uses `ai-multimodal` skill's Gemini integration for image generation with Nano Banana models (NOT Imagen).
12
13## When to Apply
14
15Activate when user requests:
16- Corporate identity or brand identity design
17- CIP/CI deliverable mockups (business cards, letterheads, signage, etc.)
18- Brand application guidelines
19- Vehicle branding, office signage, uniforms
20- Complete brand identity packages
21
22## Quick Reference
23
24### 1. Generate CIP Brief (RECOMMENDED START)
25
26```bash
27python3 ~/.claude/skills/cip-design/scripts/search.py "tech startup" --cip-brief -b "BrandName"
28```
29
30Returns: Industry analysis, style recommendations, key deliverables.
31
32### 2. Search Specific Domains
33
34```bash
35# Search deliverables
36python3 ~/.claude/skills/cip-design/scripts/search.py "business card letterhead" --domain deliverable
37
38# Search design styles
39python3 ~/.claude/skills/cip-design/scripts/search.py "luxury premium elegant" --domain style
40
41# Search industry guidelines
42python3 ~/.claude/skills/cip-design/scripts/search.py "hospitality hotel" --domain industry
43
44# Search mockup contexts
45python3 ~/.claude/skills/cip-design/scripts/search.py "office reception" --domain mockup
46```
47
48### 3. Generate CIP Mockups with Gemini Nano Banana
49
50**RECOMMENDED: Use --logo for accurate brand mockups**
51
52```bash
53# Generate with brand logo (RECOMMENDED - uses image editing)
54python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TopGroup" --logo /path/to/logo.png --deliverable "business card" --industry "consulting"
55
56# Generate full CIP set with logo
57python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TopGroup" --logo /path/to/logo.png --industry "consulting" --set
58
59# Use Pro model for higher quality / 4K text rendering
60python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TopGroup" --logo logo.png --deliverable "business card" --model pro
61
62# Custom deliverables with aspect ratio
63python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "GreenLeaf" --logo logo.png --industry "organic food" --deliverables "letterhead,packaging,vehicle" --ratio 16:9
64
65# Without logo (AI generates its own interpretation)
66python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "TechFlow" --deliverable "business card" --no-logo-prompt
67```
68
69**Models:**
70- `flash` (default): `gemini-2.5-flash-image` - Fast, cost-effective
71- `pro`: `gemini-3-pro-image-preview` - Quality, 4K text rendering
72
73**Image Editing Mode:**
74When `--logo` is provided, uses Gemini's text-and-image-to-image capability to incorporate your ACTUAL logo into mockups. Without `--logo`, AI generates its own brand interpretation.
75
76## Deliverable Categories
77
78| Category | Items |
79|----------|-------|
80| Core Identity | Logo, Logo Variations |
81| Stationery | Business Card, Letterhead, Envelope, Folder, Notebook, Pen |
82| Security/Access | ID Badge, Lanyard, Access Card |
83| Office Environment | Reception Signage, Wayfinding, Meeting Room Signs, Wall Graphics |
84| Apparel | Polo Shirt, T-Shirt, Cap, Jacket, Apron |
85| Promotional | Tote Bag, Gift Box, USB Drive, Water Bottle, Mug, Umbrella |
86| Vehicle | Car Sedan, Van, Truck |
87| Digital | Social Media, Email Signature, PowerPoint, Document Templates |
88| Product | Packaging Box, Labels, Tags, Retail Display |
89| Events | Trade Show Booth, Banner Stand, Table Cover, Backdrop |
90
91## Design Styles Quick Guide
92
93| Style | Colors | Best For |
94|-------|--------|----------|
95| Corporate Minimal | Navy, White, Blue | Finance, Legal, Consulting |
96| Modern Tech | Purple, Cyan, Green | Tech, Startups, SaaS |
97| Luxury Premium | Black, Gold, White | Fashion, Jewelry, Hotels |
98| Warm Organic | Brown, Green, Cream | Food, Organic, Artisan |
99| Bold Dynamic | Red, Orange, Black | Sports, Entertainment |
100
101## Workflow Example
102
103**User:** "Create a complete CIP for a luxury hotel called Grand Vista"
104
1051. Generate CIP brief:
106```bash
107python3 ~/.claude/skills/cip-design/scripts/search.py "luxury hospitality hotel" --cip-brief -b "Grand Vista"
108```
109
1102. Generate key deliverables with logo (RECOMMENDED):
111```bash
112python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "Grand Vista" --logo /path/to/grandvista-logo.png --industry "hospitality" --style "luxury premium" --set
113```
114
1153. Or without logo (AI generates interpretation):
116```bash
117python3 ~/.claude/skills/cip-design/scripts/generate.py --brand "Grand Vista" --industry "hospitality" --style "luxury premium" --set --no-logo-prompt
118```
119
120**Note:** If no logo exists, consider using the `logo-design` skill first to generate one.
121
122### 4. Render HTML Presentation (Final Step)
123
124Generate a professional HTML presentation from CIP mockups with detailed descriptions, concepts, and specifications.
125
126```bash
127# Generate HTML presentation from CIP images
128python3 ~/.claude/skills/cip-design/scripts/render-html.py --brand "TopGroup" --industry "consulting" --images /path/to/cip-output
129
130# Specify custom output path
131python3 ~/.claude/skills/cip-design/scripts/render-html.py --brand "TopGroup" --industry "consulting" --images ./topgroup-cip --output presentation.html
132```
133
134**HTML Presentation Features:**
135- Hero section with brand name, industry, style, and mood
136- Individual deliverable cards with mockup images
137- Detailed descriptions: concept, purpose, specifications
138- Responsive design for desktop and mobile viewing
139- Dark theme professional aesthetic
140- Images embedded as base64 (single-file portable)
141
142## References
143
144- `references/deliverable-guide.md` - Detailed deliverable specifications
145- `references/style-guide.md` - Design style descriptions
146- `references/prompt-engineering.md` - AI generation prompts
147
148## Setup
149
150```bash
151export GEMINI_API_KEY="your-key" # Get from https://aistudio.google.com/apikey
152pip install google-genai pillow
153```
154
155See `ai-multimodal` skill's `references/image-generation.md` for detailed Nano Banana documentation.
majiayu000