UI/UX Pro Max
Professional design intelligence for UI, UX, branding, and creative assets
What You Can Do
Create professional banners, design systems, and brand-compliant content across multiple platforms. This comprehensive skill suite provides design intelligence for building UI/UX with systematic token architecture, component specifications, visual identity management, and AI-powered creative asset generation. Perfect for designing branded experiences with consistency, speed, and professional quality.
Features
Create banners for social media, ads, website heroes, and print across Facebook, Twitter, LinkedIn, YouTube, Instagram, Google Ads with 22+ art direction styles
Three-layer token architecture (primitive, semantic, component) with CSS variables for systematic design scaling and consistency
Define component states, variants, and props with built-in specifications for hover, active, and disabled states
Create and manage brand voice, visual identity, messaging frameworks, and asset approval workflows with consistency checklists
Generate graphics, backgrounds, and visual elements using Gemini Standard and Pro models with prompt optimization
Create brand-compliant presentations using design tokens, Chart.js integration, and contextual slide recommendations with BM25 search
Automatic validation for critical content placement, CTA positioning, color contrast (4.5:1), and typography standards
Example Output
Create a minimalist banner for Twitter
/banner-design
Responds with three art direction options (minimalist, gradient, bold typography) at 1500×500px with exported PNG files, responsive ratios for the platform, and design rationale for each variant.
Set up a design token system
/design-system --component button
Generates token definitions across primitive (colors, spacing), semantic (primary, success), and component layers, plus CSS variables ready for Tailwind integration.
Define brand voice and messaging
/brand update
Creates or updates docs/brand-guidelines.md with voice framework, visual identity specs, color palette, typography rules, and asset organization standards. Syncs all design tokens automatically.
What's Included
- Banner Design Skill: Social, ads, web, and print banner creation with AI-powered visual element generation and multi-style options
- Brand Management Skill: Voice, visual identity, messaging framework, asset management, and brand consistency validation
- Design System Skill: Token architecture, component specs, CSS variables, and slide/presentation generation
- Design References: Comprehensive guides for token architecture, component patterns, art direction styles, banner sizes, and typography scales
- Scripts and Utilities: Node and Python scripts for token generation, brand injection, asset validation, color extraction, and image processing
Who It's For
- Product Designers
- UX/UI Designers
- Brand Strategists
- Marketing Designers
- Design System Leads
Best For
- Building systematic, scalable design systems
- Creating brand-consistent marketing assets
- Multi-platform UI/UX design workflows
- Rapid banner and creative asset generation
- Design-to-code handoff documentation
You might also like
Systematically categorize protocol deviations, evaluate their regulatory risk using evidence-based matrices, and compile comprehensive audit documentation that satisfies IRB and regulatory inspections. You'll generate detailed deviation logs with severity assessments, corrective action plans, and compliance narratives that demonstrate institutional oversight and quality assurance.
You can manage the complete subcontract lifecycle—from initial negotiation through execution, compliance monitoring, and closure—with built-in risk analysis and automated documentation. The skill verifies compliance requirements, identifies contractual risks, generates required documentation, and tracks key milestones and renewal dates. All workflows are customizable to your organization's procurement policies and risk tolerance.
You submit your research consent form and receive a systematic compliance review against 45 CFR 46 and 21 CFR 56 regulations. The skill identifies specific deficiencies, maps each gap to regulatory requirements, and generates institution-specific remediation guidance with reference language you can use to bring your form into compliance.
This skill helps you manage sponsored research compliance requirements, generate required documentation, and track regulatory obligations. You can create compliance checklists, audit existing documentation against funder requirements, generate compliance reports, and maintain organized records of all sponsored program activities.
This skill helps you create standardized metadata schemas, auto-document datasets with rich descriptions, and generate structured data dictionaries that make your datasets discoverable and reusable. You can transform unorganized data into professionally documented datasets with consistent naming conventions, data lineage tracking, and compliance-ready documentation.
Coordinate systematic literature reviews using PRISMA 2020 frameworks and PICO methodology to streamline evidence synthesis. You get structured workflows for study selection, quality appraisal, and risk of bias assessment—all designed to meet academic publishing standards and accelerate your review timeline.
Provide comprehensive research guidance to library patrons by creating customized search strategies, evaluating information sources, and developing literacy materials. You can conduct consultations, design reference guides, and help patrons navigate complex research questions across any subject area.
This skill provides a comprehensive framework for conducting structured peer reviews that balance technical rigor with constructive feedback. It systematically evaluates code quality, architecture decisions, testing, security, and documentation while delivering specific, prioritized recommendations. You'll ensure consistent, professional review standards across your team and help developers grow through clear, actionable guidance.