Design skills

This skill uses the Figma MCP server to fetch design context, screenshots, assets, and translate nodes into production code.

This skill guides you to design and validate modular skills for Codex, including naming, structure, and reusable resources for reliable automation.

This skill helps you create and edit JSON Canvas files for mind maps and flowcharts, organizing nodes, edges, and groups visually.

This skill automates browser testing, design-to-code generation, and accessibility checks to speed web development and quality assurance.

This skill helps you generate and edit high-quality images using OpenRouter models like Flux.2 Pro and Gemini 3 Pro for various visual needs.

This skill helps you generate editable PPTX posters from HTML/CSS and export to PDF or PPTX with AI-enhanced visuals.

This skill generates a cohesive Preline Theme CSS file by interpreting your request, executing the build, and delivering a ready-to-use theme.

This skill helps you create knowledge comics with various art styles and tones, delivering storyboarded pages and educational prompts for effective learning.

This skill generates Xiaohongshu infographic series with 10 visual styles and 8 layouts to optimize engagement for Chinese platforms.

This skill generates article cover images with 5-dimension customization (type, palette, rendering, text, mood) across aspect ratios to enhance engagement.

This skill analyzes article structure, identifies illustration points, and generates Type × Style visuals to enhance understanding and retention.

This skill generates publication-ready infographics by analyzing content and recommending optimal layout and style combinations across 20 layouts and 17 styles.

This skill helps you design architecture by applying an ADR-driven framework for requirements, trade-offs, and documentation.

This skill helps you choose the right API style and design consistent, scalable responses across REST, GraphQL, and tRPC.

This skill helps you apply VR/AR development principles to optimize comfort, performance, and interaction across platforms.

This skill helps you design MCP servers with clear tool names, structured outputs, and robust error handling for scalable AI integrations.

This skill helps you design and implement clear 2D game systems, including sprites, tilemaps, physics, and camera, for polished gameplay.

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

This skill helps you select art styles, optimize asset pipelines, and apply color and animation principles to accelerate game art workflows.

This skill helps you design immersive game audio systems and adaptive music workflows that enhance player immersion and feedback.

This skill helps you design engaging games by applying core loop, GDD structure, player psychology, and balanced progression.