skills.rest
ehadziabdic
ehadziabdicCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-design

Generates logos, CIP mockups, banners, icons, slides, and social images via Gemini APIs and HTML/CSS.

Updated Sep 23, 2026
Search Tags:#presentations#brand identity#logo design#gemini#banner#social media images#svg icons
One-click install
npx skills add https://github.com/ehadziabdic/WAgents --skill ui-ux-design-ehadziabdic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/ehadziabdic/WAgents/tree/main/opencode/skills/ui-ux-design
Command: npx skills add https://github.com/ehadziabdic/WAgents --skill ui-ux-design-ehadziabdic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, pillow, and includes scripts (resource) and references (resource) components.

What problem does it solve? Producing brand assets like logos, corporate identity mockups, banners, icons, and social media images normally requires multiple design tools and manual resizing for each platform. This Skill consolidates those workflows into scriptable generation commands with platform-exact dimensions. ## Core Features & Use Cases - AI Logo & CIP Generation: Create logos in 55+ styles and corporate identity mockups across 50+ deliverables using Gemini, Atlas Cloud, or MuAPI providers. - Banners, Icons & Social Photos: Design banners in 22 art styles at exact platform sizes, generate SVG icons with Gemini 3.1 Pro, and export social images via HTML/CSS screenshot capture. - HTML Presentations: Build Chart.js-powered pitch decks using layout patterns, copywriting formulas, and deck strategies. - Use Case: A startup founder needs a complete brand package: generate a minimalist logo, produce business card and signage mockups with that logo, then render an HTML pitch deck for investors. ## Quick Start Ask the AI to design a minimalist logo for your brand named TechFlow in the tech industry using the ui-ux-design skill.

Frequently Asked Questions about ui-ux-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a logo with Gemini AI?▼

Run scripts/logo/generate.py with --brand, --style, and --industry flags after setting GEMINI_API_KEY and installing google-genai. You can also search 55+ styles and 30 color palettes first with scripts/logo/search.py to build a design brief.

How to create corporate identity mockups with a logo?▼

Use scripts/cip/generate.py with --brand, --logo pointing to your logo file, --deliverable, and --industry to produce mockups like business cards or signage. Add --set for a full CIP set or --model pro for 4K text rendering.

What banner sizes does it support for social media?▼

The banner reference covers Facebook covers at 820x312, Twitter/X headers at 1500x500, LinkedIn banners at 1584x396, YouTube channel art at 2560x1440, Instagram stories at 1080x1920, plus Google Ads and print formats.

Can I generate SVG icons without an image generation API?▼

Yes, icon generation uses gemini-3.1-pro-preview which outputs SVG as text, so no image API is needed. Run scripts/icon/generate.py with --prompt and --style, with options for batch variations and multi-size export.

Does this work on Windows with Python?▼

Yes, but use python instead of python3 in all commands, and python -m pip for package installation. The scripts read and write project files relative to the project root regardless of platform.

What are the limitations of the social photos export?▼

Export requires Chrome headless, Playwright, or Puppeteer to screenshot HTML at exact pixel dimensions. If no browser capability is available, the workflow delivers HTML/CSS source and marks PNG export as pending.

Related Skills

Explore More Design & Creative Skills→
nazlicancaglarnazlicancaglar

brand-guidelines-generator

Compile brand foundation, logo, color, typography, photography, and voice into a single reference document.

Community
Advanced
nexu-ionexu-io
93.2k

create-image-campaign

Generate image campaign assets and creative prompts from a structured marketing brief.

Official
Intermediate
modu-aimodu-ai
4

moai-domain-brand-design

Extract brand design tokens from visual-identity.md and enforce WCAG 2.1 AA accessibility.

Official
Advanced
CoRLab-TechCoRLab-Tech

figma-illustration-import

Import Figma vector illustrations into React components with SVG/PNG assets and Storybook stories.

Official
Intermediate