Design & Creativity Skills
Discover the best AI skills in the Design & Creativity category.
28 skills
UI/UX Design Audit
Design & Creativity
Audit the interface and user experience of your digital products.
Design System Component Generator
Design & Creativity
Create and document your design system components.
Design-to-Dev Specification Writer
Design & Creativity
Translate your mockups into technical specifications for developers.
OpenAI Image Generation
Design & Creativity
Batch-generate images via OpenAI Images API. Create multiple images from prompts with DALL-E for marketing materials, illustrations, and creative projects.
Chart Image - Data Visualization
Design & Creativity
Generate publication-quality chart images from data. Create bar charts, line graphs, pie charts, and more with clean, professional styling.
Wireframe to Code
Design & Creativity
Converts wireframe descriptions or mockups into functional HTML/CSS/React code.
Mobile UX Optimization
Design & Creativity
Optimizes mobile user experiences by implementing touch-friendly interfaces, responsive layouts, and proper viewport handling. Use when addressing 100vh issues, touch target sizing (44px minimum), safe areas, and mobile navigation patterns like bottom nav or hamburger menus. Provides Tailwind v4 token syntax for consistent touch spacing in Treido projects.
Figma - Design Analysis & Export
Design & Creativity
Professional Figma design analysis and asset export. Extract design tokens, components, and assets from Figma files for development handoff.
EachLabs - AI Video Generation
Design & Creativity
Generate videos from text and images using state-of-the-art AI models. Create marketing videos, product demos, and creative content automatically.
Tailwind CSS Configuration
Design & Creativity
Manage Tailwind CSS configuration, custom themes, and design tokens. Add colors, spacing scales, and customize your design system across packages.
Systematic Design Improvement
Design & Creativity
Systematic design optimization for a personal website, applying a defined color palette, typography hierarchy, and responsive layout principles. It ensures consistency and professional appearance using Tailwind utilities and Framer Motion animations. Helpful when design issues like poor spacing, broken responsiveness, or brand violations are detected.
Interaction Designer
Design & Creativity
Designs interactions, animations, transitions, and micro-interactions for UI elements. Specifies hover, active, focus, loading, and feedback states. Helps ensure consistent, accessible, and performant user interactions.