What problem does it solve?
The design skill eliminates fragmented design workflows by unifying brand identity creation, tokenized design systems, AI-assisted logo and mockup generation, and multi-platform asset export into a single, scriptable toolkit. It reduces manual handoffs between designers, engineers, and marketing by producing production-ready assets, HTML previews, and presentation decks that integrate with existing codebases and automation pipelines.
Core Features & Use Cases
- Logo Generation: 55+ styles, color palettes, prompt engineering and batch AI generation for vector-ready logos.
- Corporate Identity Program (CIP): Generate briefs, 50+ deliverables, and photorealistic mockups; render portable HTML presentations of CIP outputs.
- Slides & Presentations: HTML slide templates with Chart.js integration, layout patterns, and copywriting formulas for pitch decks and marketing presentations.
- Banners & Social Images: 22 art-direction styles and platform-specific sizes with HTML → screenshot export workflows for Instagram, Facebook, LinkedIn, YouTube, Pinterest, TikTok, and Google Ads.
- Icon Production: SVG icon generation and batch export using a text-based AI model with multi-size outputs and SVG best practices.
- Integrations & Automation: Scripts that call Gemini models, perform BM25 searches for style guidance, render HTML, and capture exact-size screenshots via headless browser tooling for automated asset export.
- Use Case Example: Create a new startup brand package: generate logos, produce CIP mockups with the logo embedded, assemble a pitch deck HTML, and export social banners sized for Instagram and LinkedIn.
Quick Start
Create a complete brand package for the brand TopGroup by generating logo variants, CIP mockups, and an HTML presentation in one run.