design-guidelines
Load tacosdedatos brand guidelines and visual standards. Use this skill when you need to reference brand colors, typography, visual identity, or design system documentation. Points to the authoritative source documents in agents/shared/.
When & Why to Use This Skill
The design-guidelines skill serves as the authoritative reference for the tacosdedatos brand identity and visual design system. It provides instant access to comprehensive brand standards, including specific color palettes, illustration style modes, typography, and editorial guidelines. By integrating these standards directly into the AI workflow, it ensures that all generated visual and written content maintains strict brand consistency and adheres to professional design documentation.
Use Cases
- Brand-Consistent Illustration Generation: Utilize the 7 defined illustration modes (e.g., Abstract, Paper-cut, Surrealist) and specific hex color palettes to create banners and visuals that align with the tacosdedatos aesthetic.
- Design Quality Assurance: Reference the 'Do's and Don'ts' checklist to validate AI-generated images, ensuring they avoid stock styles and adhere to the brand's unique visual metaphors and negative space requirements.
- Multi-Platform Asset Optimization: Automatically apply correct aspect ratios and resolution specifications for social media platforms like Twitter, Instagram, and LinkedIn based on the integrated asset specifications.
- Voice and Tone Alignment: Access brand voice analysis and editorial standards to ensure written content matches the established personality, signature phrases, and engagement techniques of the brand.
| name | design-guidelines |
|---|---|
| description | Load tacosdedatos brand guidelines and visual standards. Use this skill when you need to reference brand colors, typography, visual identity, or design system documentation. Points to the authoritative source documents in agents/shared/. |
Design Guidelines
Reference loader for tacosdedatos brand and visual standards.
Primary Reference Documents
All authoritative design documentation lives in agents/shared/:
Illustration Style Guide
agents/shared/illustration-style-guide.md
The comprehensive guide for all AI-generated illustrations. Contains:
- Color palette with hex codes
- 7 illustration style modes
- Prompt templates for each mode
- Negative prompts
- Human figure guidelines
- Brand mascot (El Taco) documentation
- Quality checklist
- Example gallery reference
Use for: Creating post banners, validating illustrations, writing prompts
Published Examples
agents/shared/example-post-banners/
14 published post banners that demonstrate the visual style in practice. Reference these to understand what successful tacosdedatos illustrations look like.
Voice & Brand Analysis
| Document | Contents |
|---|---|
00-voice-analysis.md |
Writing voice, tone, personality |
01-structure-analysis.md |
Content structure patterns |
02-content-pattern-analysis.md |
Content types and patterns |
03-style-analysis.md |
Writing style, signature phrases |
04-engagement-analysis.md |
Engagement techniques |
brand-voice.md |
Brand voice summary |
editorial-guidelines.md |
Editorial standards |
Quick Reference: Color Palette
Primary Colors
| Color | Hex | Usage |
|---|---|---|
| Negro Mezquite | #121212 |
Primary dark background |
| Teal Oscuro | #1a2e35 |
Alternative dark background |
| Naranja Cálido | #D4812A |
Warm background variant |
| Crema Nevada | #F1FAEE |
Primary light, text, lines, cards |
Accent Colors
| Color | Hex | Usage |
|---|---|---|
| Rojo Fuego | #E63946 |
High-contrast warm accent |
| Azul Niebla | #A8DADC |
Cool accent, teal family |
| Naranja Cempasúchil | #F4A261 |
Warm accent |
| Verde Maguey | #4E937A |
Nature, growth themes |
Extended Palette (Data Visualization)
| Color | Hex |
|---|---|
| Morado Bugambilia | #8E3A59 |
| Gris Basalto | #4D4D4D |
Quick Reference: Illustration Modes
| Mode | Best For |
|---|---|
| Abstract/Geometric | Technical, conceptual, architecture |
| Paper-Cut/Layered | Evolution, progression, before/after |
| Surrealist/Evocative | Reflective, philosophical, emotional |
| Nature + Tech Fusion | Growth, learning, organic processes |
| Atmospheric/Cinematic | Personal narratives, journeys |
| Playful Cartoon | Tutorials, how-tos, team content |
| Data Dashboard | Analytics, data analysis |
Quick Reference: Do's and Don'ts
Do
- Use colors from the defined palette
- Include subtle grain/risograph texture
- Create clear visual metaphors
- Leave generous negative space
- Use landscape aspect ratios (16:9, 3:2)
- Stylize human figures appropriately
Don't
- Use photorealistic imagery
- Include embedded text or labels
- Use stock illustration style
- Overcrowd compositions
- Use bright/neon colors outside palette
- Create generic corporate visuals
Related Skills
| Skill | Purpose |
|---|---|
| tacosdedatos-illustrator | End-to-end illustration creation |
| image-prompt-writer | Craft optimized generation prompts |
| image-validator | Quality check illustrations |
| gemini-imagegen | Low-level Gemini API usage |
Asset Specifications
Post Banners
- Aspect ratio: 16:9 or 3:2 (landscape)
- Resolution: 2K recommended
- Format: JPG (Gemini default) or PNG
- Style: One of the 7 defined modes
Social Media
| Platform | Dimensions |
|---|---|
| Twitter/X | 1200x675 |
| 1080x1080 | |
| 1200x627 | |
| Open Graph | 1200x630 |
Loading Guidelines
When you need detailed information, read the full source documents:
Read: agents/shared/illustration-style-guide.md
This skill provides quick reference. The source documents are authoritative.