Loading...
Loading...
Found 240 Skills
Generate clean, minimal technical SVG diagrams in a consistent Cloudflare-inspired style. Use when creating architecture diagrams, flow diagrams, or component diagrams for blog posts and documentation.
Use when you need SVG diagram rules, layout patterns, or embedding guidance for slide decks and want the minimal SVG-focused reading path.
Convert raster images (photos, illustrations, AI-generated art) into high-quality SVG recreations. Breaks the image into isolated features, builds each as a standalone SVG layer, then composites them. Use when the user wants to recreate an image as SVG, create vector versions of artwork, or extract specific elements from images as scalable graphics.
Generate deterministic SVGs from structured specs with validation and rendering. Use for icons, diagrams, charts, UI mockups, and technical drawings.
Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.
Create part assembly animations for SVG vector graphics with a strong sense of power and speed, and support one-click export of 30fps sequence frames with transparent background. It is suitable for scenarios where static SVG needs to be converted into transparent assets for video editing (such as AE/PR).
Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with illustration components, or needing consistent visual design for lessons.
AI-powered SVG article illustration generator supporting three output modes: dynamic SVG, static SVG, and PNG export. Use this skill when users need to generate illustrations for articles, create SVG graphics, convert SVG to PNG, or mention "article illustration generation" or "create illustrations".
Convert PNG to high-quality SVG (white background removal + spline curve + compression)
Turn SVGs into interactive React 3D components using the 3dsvg library and visual editor
将 PNG 转换为高质量 SVG（去白底+样条曲线+压缩）
Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especially in 8-bit retro components with pixel art animations.