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
Streamline your systematic reviews by using Claude to screen abstracts against inclusion criteria, extract structured data from full texts, and synthesize findings across studies. Reduce manual screening time by 60-80% while maintaining rigorous documentation of your review methodology. Claude becomes your collaborative partner throughout the entire evidence synthesis workflow, from protocol planning to final data synthesis.
You receive a detailed systematic audit of your IRB protocol against federal regulations, institutional policies, and ethical standards. The skill identifies specific compliance gaps, maps findings to regulatory citations, and generates documented recommendations for remediation. You get a structured compliance assessment that pinpoints risk areas before submission or inspection.
You can rapidly analyze multiple research papers, extract quality metrics using evidence hierarchy frameworks, and generate structured literature syntheses. Claude evaluates study design, sample sizes, bias risk, and statistical significance to produce clinically actionable summaries that support evidence-based decision-making for healthcare providers and researchers.
You can streamline the entire editorial process by automating peer review coordination, synthesizing reviewer feedback into coherent editorial decisions, and generating professional correspondence at scale. The skill helps you manage manuscript timelines, track reviewer assignments, and produce consistent decision documents that maintain your journal's professional standards while saving hours of editorial work.
You'll master the librarian's approach to research by learning how to conduct structured reference interviews that clarify your exact information needs. This skill helps you design comprehensive, multi-database search strategies tailored to your research question, including optimized Boolean search strings, database selection logic, and source evaluation frameworks that ensure you find the most relevant academic sources efficiently.
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.
This skill helps you conduct systematic audits of research protocols for IRB compliance, generate comprehensive audit documentation, and create detailed findings reports that identify gaps, deficiencies, and corrective actions needed to maintain ethical research standards. You'll produce structured audit checklists, compliance assessments, and regulatory findings reports that meet institutional and federal requirements.
This skill systematically reviews your research proposal against funder requirements, institutional policies, and compliance checkpoints to identify issues before submission. It validates proposal structure, budget justifications, and timelines while flagging common violations that could trigger desk rejections or revision requests. You'll receive a detailed compliance report with specific issues, severity levels, and actionable remediation steps for each funder type.