5. Design & Creative

Provides expert guidance for creating flowcharts, sequence diagrams, and other visual diagrams using Mermaid.js to clarify complex concepts and workflows.

Creates branded SVG graphics for blog content including social previews, diagrams, and data visualizations, auto-triggered during content creation.

Provides Tesla-inspired automotive dashboard UI for iPad with dark theme, glassmorphism, and iOS 17+ integrations including MapKit and AVFoundation.

Guides creative software development by exploring user intent, requirements, and design before implementation.

Generates high-end, award-winning landing pages in single-file HTML with multiple aesthetic styles, avoiding common AI design pitfalls.

Generates Excalidraw diagrams from text for Obsidian, enabling users to create flowcharts, mind maps, and visual representations with natural language prompts.

Creates and edits visual canvases (mind maps, flowcharts) using Obsidian's .canvas file format for note organization and diagramming.

Guides pre-implementation exploration of user intent, requirements, and design to inform creative development of features and components.

Converts text content into professional, visually formatted Chinese HTML pages for web display and content presentation.

Transforms classical Chinese poetry into detailed, multi-act visual narrative prompts for image generation, enabling creative visualization of poetic content.

Generates syntactically correct Mermaid diagrams to enhance technical documentation with visual representations.

Generates Mermaid-based architecture diagrams with automatic SVG output for visual representation in documentation and design.

Provides design system guidelines for creating and editing UI components using Emotion, theme tokens, and Atomic Design principles.

Provides implementation guidance for accessibility (WCAG, ARIA, contrast ratio) and design tokens in UI components, including form errors and keyboard navigation.

Expert in transforming design concepts into responsive, visually engaging frontend interfaces with custom components and interactive animations.

Generates decorative section dividers for web design, including parallax, transparent PNG, and organic border styles.

AI-powered generation of scalable vector graphics (SVG) for logos, icons, and vector illustrations.

Browses, previews, and lists art styles and movements for image generation, including style thumbnails and movement exploration.

Provides AI-driven image editing capabilities including inpainting, outpainting, object replacement, and mask-based element addition.

Enables teams to collaboratively refine ideas into detailed design specifications before implementing features or components.

Creates high-quality, distinctive frontend interfaces and UI components with a focus on design excellence and avoiding generic AI aesthetics.

Programmatically generates flowcharts, architecture diagrams, and network diagrams using Python for visual documentation.

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

Platform for creating and showcasing personal creative work, emphasizing skill mastery to define professional identity through output.