5. Design & Creative

Provides Signed Distance Function (SDF) utilities for procedural 3D geometry, raymarching, and terrain generation in shader-based graphics.

Evaluates user experience (UX), identifies UI-to-backend gaps, and assesses production readiness for Codex-native product workflows.

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and UIs.

Guides on implementing widget patterns (e.g., carousel, card layouts) for OpenAI Apps SDK.

Validates UI elements, shaders, and visual appearance against design specs using Playwright and Vision MCP for GDD compliance.

Creates and optimizes custom GLSL/TSL shaders for visual effects in React Three Fiber (R3F) projects.

Applies Tailwind CSS utilities to style components, create responsive layouts, and implement animations for modern UI design.

Creates dark-themed marketing website UI components with Tailwind CSS, gradient accents, and custom animations.

Systematically evaluates user experience across lifecycle phases using the User Lifecycle Framework and Playwright automation.

Documents core gameplay loops, maps player experience over time, and identifies pacing issues in game design.

Brainstorms and evaluates user experience concepts for OpenAI Apps SDK MCP applications, including conversational interfaces and widget design.

Creates short video scripts from article content with style analysis and template-based outputs for oral broadcast.

Generates high-performance GPU-accelerated particle systems for visual effects, supporting instanced rendering in 3D applications.

Offers UI/UX design intelligence featuring 67 styles, 96 palettes, and component libraries for modern frameworks including Tailwind and shadcn/ui.

Analyzes 3D, audio, and visual assets to evaluate gameplay impact, performance, and player experience, guiding optimization decisions.

Generates Mermaid.js diagrams for Hugo blog posts, enabling visual representation of processes, workflows, and system architectures in documentation.

Enables structured game design sessions including GDD creation, artifact generation, and decision logging for creative teams.

Adds or fixes visual representation of spawn eggs in games, resolving common display issues like black squares or invisibility.

Adds post-processing effects like bloom and depth of field to 3D scenes using React Three Fiber for enhanced visual polish.

Streamlines 3D/2D asset creation, external model import, and project asset organization for tech artists.

Generates professional YouTube thumbnails using AI-powered expression cutouts and Remotion rendering for consistent, high-quality visual content at scale.

Provides a structured workflow for game design, covering GDD creation, playtesting, and design sessions to streamline development.

Optimizes 3D models and textures for web deployment via Vite 6 pipeline, reducing asset size while maintaining visual quality.

Applies FrankX brand standards to ensure visual consistency across all content, products, and communications.