5. Design & Creative

Transforms text descriptions into professional Mermaid diagrams for visualizing concepts, flowcharts, and system architectures.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for frameworks like React and Tailwind.

Syncs design system tokens (colors, typography, spacing) between Figma and RadTools for initial setup or updates.

Syncs RadFlow design system tokens (colors, typography, spacing) from Figma for initial setup or updates, excluding component building.

Automates auditing and correction of UI code to ensure adherence to RadOS design system standards, catching common UI/UX inconsistencies.

Generates pixel-perfect, on-brand UI components for RadFlow projects with RadOS-styled System 7 heritage and warm California aesthetics.

Provides implementation guidelines for accessible and performant UI/UX design, covering interactions, animations, and forms with technical details.

Delivers standardized UI/UX design guidelines and rules for frontend development to ensure consistent, user-friendly interfaces.

Enforces ShadCN UI component patterns, accessibility (Radix UI), and TailwindCSS best practices for consistent, accessible UI development.

Enforces distinctive typography, cohesive color systems, and purposeful motion to create non-generic, branded UI designs for landing pages and dashboards.

Automates short-form video creation using MoviePy, integrating scripts, subtitles, images, and background music for content production.

Guides thematic map creation with D3.js, including layer selection, parameter settings, and GeoJSON visualization best practices.

Generates creative, polished frontend code with high design quality, avoiding generic AI aesthetics for production interfaces.

Creates minimal, accessible UI/UX designs adhering to WCAG 2.1 AA standards through collaborative decision-making to prevent subpar design outcomes.

Provides documentation and reusable patterns for creative coding projects using GSAP, ThreeJS, and shaders to build interactive visual experiences.

Creates high-quality, distinctive frontend interfaces and UI components with polished design aesthetics, avoiding generic AI outputs.

Enforces consistent UI design across the SIBA ERP application using a unified system for colors, typography, components, and responsive patterns.

Provides foundational principles and overview of design systems for consistent UI/UX development and visual content creation.

Specializes in high-end web animations using GSAP and Lenis, and implements the Aurora Gold Pipeline for advanced animation workflows.

Assists in designing balanced board games by applying Eurogame principles, analyzing mechanics, and planning playtests for optimal player experience.

Generates draft design specifications by parsing design assets including PDFs and CSS files for UI/UX teams.

Comprehensive guide to 2D animation creation covering history, pre-production, production, and post-production using the Movetrix methodology.

Provides animation tooling for web developers to create and manage motion design, timeline animations, and Three.js/R3F scene animations using Theatre.js.

Knowledge base for Neurodesign, Acting, and Visual Strategy, applying neuroscience to enhance user experience and creative decision-making.