5. Design & Creative

Manages dynamic themes, dark mode, and styling patterns for iOS and tvOS applications to ensure cohesive visual experiences.

Provides comprehensive UX design patterns for Rails applications, including responsive layouts, animations, and performance optimization.

Automates analysis of design systems to identify visual inconsistencies, generate fixes, and maintain style guide coherence across UI components.

Provides pre-defined Tailwind CSS classes and UI patterns for consistent dashboard, admin panel, and data visualization interfaces.

Provides Tailwind CSS-based UI patterns for building admin dashboards, including data tables, charts, navigation, and common components from the official repository.

Guides users in creating and updating Mermaid diagrams for visual representation of processes, flows, and structures.

Automates creation of tailored learning paths for design tools by analyzing existing guides and generating new documentation.

Complete toolkit for designing technical presentations using Marp/Marpit, including Markdown authoring, SVG illustrations, and color scheme design.

Converts Mermaid diagram code into PNG, SVG, or PDF image formats for visual documentation and presentation.

Automates design system context injection to ensure visual and functional consistency across UI components.

Optimizes and transforms web images using Sharp for responsive design, thumbnails, and batch processing.

Provides Tailwind CSS utilities for building responsive, dark-mode enabled UI components and layouts.

Generates diverse creative solutions using structured divergent thinking frameworks for problem-solving and idea exploration.

Processes audio and video using ffmpeg for transcoding, format conversion, thumbnail generation, and HLS/DASH streaming pipelines.

Converts film scripts into visual storyboards by generating AI image prompts for platforms like Midjourney and Gemini.

Creates episodic scripts with consistent series continuity, adapts concepts into visual narratives, and structures scenes for effective storyboarding.

Converts static image sequences into motion prompts for AI video generation platforms, enabling temporal movement description for video synthesis.

Creates agency-grade user interfaces using a four-stage aesthetic framework (Beautiful → Right → Satisfying → Peak).

Reviews storyboard outputs at production stages (beat breakdown, beat board, sequence board) to provide quality assurance feedback and revision requirements for creative direction.

Generates Mermaid v11+ diagrams with ELK layout and YAML frontmatter for visualizing system architecture, data flows, and interactive diagrams with theming support.

Synthesizes research findings into actionable design decisions by analyzing existing codebase, bridging research to implementation.

Expert in mobile-first responsive design, container queries, and cross-device testing for seamless multi-device user experiences.

Creates advanced UI animations with Framer Motion, micro-interactions, spring physics, and performance optimization for interactive components.

Manages design systems with Tailwind CSS 4, design tokens, theming, and component documentation for consistent UI development.