Loading...
Loading...
Found 274 Skills
将 PNG 转换为高质量 SVG（去白底+样条曲线+压缩）
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)
Create, revise, embed, or troubleshoot accessible SVG diagrams and illustrations for slide decks, documents, and other static artifacts, with portable sizing, layout, style, and validation guidance.
This skill should be used when the user asks to "animate an SVG", "make a line draw itself on", "do a stroke draw-on / signature animation", "morph one shape into another", "move an element along a path", "animate an icon/logo", or "animate an SVG gradient or filter". Covers stroke-dashoffset draw-on, path morphing, motion-along-path, and animated icons/gradients/filters via CSS, SMIL, and GSAP.
Refine text, screenshots, hand-drawn sketches, "Little Black" illustrations, or existing HTML relationship diagrams into minimal wireframes with teaching semantics; for relationship-dense diagrams, first write executable relationship structure specifications using Mermaid, then implement them as accessible, responsive inline SVGs, and simultaneously output reusable wireframe generation prompts. Used for comparison diagrams, architecture diagrams, flowcharts, interface or API diagrams, Agent collaboration diagrams, and state relationship diagrams in HTML Presentations, course pages, and web cards; activated when users request "semantic wireframes", "wireframe illustrations", "convert illustrations to SVG", "generate wireframe prompts", "draw GUI/LUI, Agent, task, or system relationships in cards", or require following the STYLE_DNA of course-design for teaching illustrations. Not applicable to photos, decorative posters, complex data charts, emotional hand-drawn illustrations, or direct editing of binary PPTX files.
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.
XMindify Mind Map Generator, supports scenario-based templates and automatic generation. It is used to create XMindMark files and convert them to XMind/SVG formats. Trigger scenarios: (1) User requests to create a mind map (2) User needs to analyze papers/summarize content/brainstorm (3) User mentions terms like "mind map", "brain map", "structured" etc.
AI-driven multi-format SVG content generation system. Converts source documents (PDF/DOCX/URL/Markdown) into high-quality SVG pages and exports to PPTX through multi-role collaboration. Use when user asks to "create PPT", "make presentation", "生成PPT", "做PPT", "制作演示文稿", or mentions "ppt-master".
Write new blog articles from scratch optimized for Google rankings and AI citations. Generates full articles with template selection, answer-first formatting, TL;DR box, information gain markers, citation capsules, sourced statistics, Pixabay/Unsplash images, built-in SVG chart generation, FAQ schema, internal linking zones, and proper heading hierarchy. Supports MDX, markdown, and HTML output. Use when user says "write blog", "new blog post", "create article", "write about", "draft blog", "generate blog post".
Generates publication-ready SVG diagrams — flowcharts, sequence/protocol diagrams, structural/architecture diagrams, and illustrative intuition diagrams — by writing real SVG code directly following a cohesive design system. Use whenever the user asks to "draw a flowchart", "draw a sequence diagram", "show the OAuth / TCP / auth protocol", "make an architecture diagram", "explain how X works visually", "画流程图", "画时序图", "画架构图", "画示意图", "画图解", or wants a clean, embeddable vector diagram for articles, WeChat posts, slides, or docs. Output is a single self-contained .svg file that renders correctly in light and dark mode anywhere it is embedded.