Skill UI

Auto-activating visual content skill that helps you plan and build API flow diagrams, covering best practices, Mermaid-style layouts, production-ready code, and standard validations when the topic is mentioned.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Guides the creation of Mermaid sequence diagrams by offering best-practice patterns, code generation, and validation suited for visual documentation or presentation workflows.

Automates guidance and code generation for delivering network diagrams, following best practices and validation checks whenever you request help with diagramming or visualization tasks.

Auto-activating skill that delivers step-by-step guidance, best-practice validation, and production-ready code for crafting process flow visuals, diagrams, and documentation whenever you invoke the process flow generator.

This advanced skill is designed to generate high-quality, publication-ready academic illustrations and diagrams. It utilizes a sophisticated, multi-stage iterative workflow involving Claude for planning, layout optimization, and strict visual review, combined with a dedicated local Codex app-server bridge for native image rendering. The process ensures that generated figures meet the rigorous aesthetic and structural standards required for top-tier conferences and journals (e.g., CVPR, NeurIPS).

This skill performs a comprehensive post-generation visual polish on existing slide decks (PPTX/Beamer). It utilizes per-page Codex review against a specified reference PDF to ensure consistent visual weight, typography, and layout across all slides. It fixes font scaling, text overflow, and structural drift without altering core content, ensuring a professional and cohesive presentation.

A comprehensive guide detailing the aesthetic and technical implementation of AI-native user interfaces for web and mobile applications. It emphasizes conversational flow, adaptive layouts, and generative state visual cues, providing CSS, SwiftUI, and Flutter code examples.

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.