Design & Creativity Skills

Design & Creativity

Audit the interface and user experience of your digital products.

Design & Creativity

Create and document your design system components.

Design & Creativity

Translate your mockups into technical specifications for developers.

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.

Design & Creativity

Manage Tailwind CSS configuration, custom themes, and design tokens. Add colors, spacing scales, and customize your design system across packages.

Design & Creativity

Generate publication-quality chart images from data. Create bar charts, line graphs, pie charts, and more with clean, professional styling.

Design & Creativity

Generate videos from text and images using state-of-the-art AI models. Create marketing videos, product demos, and creative content automatically.

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.

Design & Creativity

Converts wireframe descriptions or mockups into functional HTML/CSS/React code.

Design & Creativity

Research and analyze website design and frontend implementation by capturing screenshots and inspecting HTML structure with Playwright. Perfect for understanding and replicating design patterns.

Design & Creativity

Creates accessible and harmonious color palettes with WCAG contrast verification.

Design & Creativity

End-to-end AI video generation from text descriptions. Create videos from scripts, storyboards, or simple prompts with professional quality.