Loading...
Loading...
Found 7 Skills
Create and manage Mermaid architecture diagrams with automatic SVG generation
Design and iterate on logos using SVG. Use this skill when the user asks to "create a logo", "design a logo", "make me a logo", "iterate on this logo", "logo for my project", or discusses logo design, branding icons, or wordmarks.
Convert Markdown content into exquisite image posters. Ideal for turning podcast summaries and article content into social media share images. Fixed 3:4 aspect ratio, supports using YouTube video covers as header images. Trigger phrases: "Convert to Image", "Markdown to Image", "Generate Poster", "Generate Share Image", "Turn this into an Image".
This skill should be used when the user asks to "recolor the Sablier icon", "Sablier icon in orange", "Sablier logo in primary color", "generate Sablier hourglass variant", "change Sablier icon color", "export Sablier icon as PNG", or "generate Sablier favicon". Generates a gradient or flat Sablier icon SVG in any color using brand palette names, hex values, or CSS color names, with optional PNG/JPG/ICO raster export.
Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. Use when user says "架构图", "workflow 图", "pipeline 图", "确定性矢量图", "figure spec", "draw architecture", or needs precise, editable, publication-ready vector diagrams. Preferred over AI illustration for formal architecture/workflow figures.
Expert guidance for Satori, the library that converts JSX/HTML and CSS into SVG (the engine behind dynamic Open Graph images and social cards). Use whenever writing or debugging Satori markup e.g. authoring JSX for OG images, choosing CSS that Satori actually supports, fixing layout that renders wrong, embedding fonts, rendering emoji or images, or resolving Satori errors like "Expected length unit" or unsupported property issues. Reach for this any time someone renders HTML/CSS to SVG or PNG with Satori, even if they do not name it.
SVG Style Studio (/create-svg) - art director + vector illustrator that makes polished, editable SVGs (illustrations, logos, icons, posters, infographics, stickers) in 44 styles - pixel art, 8/16-bit, cyberpunk, Y2K, Frutiger Aero, glassmorphism, clay, isometric, low poly, paper cutout, doodle, comic, manga, sumi-e, ukiyo-e, art nouveau, art deco, bauhaus, brutalist, vintage poster, screen print, risograph, blueprint, technical/scientific, medieval, graffiti, sticker, children's, editorial, infographic, cinematic, fantasy, sci-fi, horror, retro futurism, gothic, luxury, monochrome, geometric, botanical. Use for any request for SVG/vector art, style blends ("cyberpunk + minimalist", "ukiyo-e but darker"), one subject in several styles ("in 5 styles"), or converting an SVG/image to a style. Routes the style, applies its design rules, then validates, optimizes, renders and inspects before delivering.