diagram-to-image
When a Mermaid diagram needs to be shared as an image → render to PNG/SVG.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Design & creation
21,192 results
clay-mastery
Architect Clay enrichment tables and re-express Clay's waterfalls as ColdIQ marketplace calls. Use when designing a Clay table layout, building an email/phone…
generate-brand-assets
Generate OG images and favicon based on project branding. Use when: (1) user needs social media preview images for their project, (2) user wants to generate a…
photo-revival
Turn ordinary photos or everyday snapshots into poetic hand-drawn illustrations with large white-paper negative space, vivid localized color, subtle collage…
cube-motion
Use when adding UI motion with cube-motion. Four fixed motions (rise, leave, morph, reveal) on the Web Animations API with React and Solid components. Nothing…
animate
Master animation and micro-interaction skill that audits every interactive element in the project, adds or fixes animations using correct timing, easing, and…
scene-analysis
Analyze and optimize Roblox scenes using SceneAnalysisService — rendering, memory, instance composition, unparented instances, and animation/audio assets. Use…
clothing-detail
Enlarged view of clothing craftsmanship details. Clothing image → macro close-up of fabric texture, stitching, and weave. Use when the user says "detail shot", "close-up", "fabric enlargement", "craftsmanship display", or "close-range detail".
image-fusion
Fuse multiple individual items into a complete Look. Up to 8 item images → a complete styled commercial shot on the same model, with every item kept faithful. Use when the user says "multi-item styling", "image fusion", "put together a look", "styling image", or "combine several garments into one image".
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
cardiology-youtube-scriptwriter
End-to-end YouTube content creation for cardiology channels. Use when user wants to create YouTube videos about cardiology, heart health, or cardiovascular…
video-delivery-coach
Analyze YOUR video recordings before publishing. Evaluates voice (pace, pitch, volume), facial expressions (emotions, eye contact, smiles), and content (filler…
motion-scale
Generates animation duration, easing curves, and delay tokens with prefers-reduced-motion support. Use when creating transition timing, animation speed, or…
responsive-typography
Implements fluid typography using CSS clamp() that scales with viewport. Use when creating responsive font sizes, viewport-aware headings, or type that adapts…
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code,…
context-compression
Design and evaluate context compression strategies for long-running agent sessions. Use when agents exhaust memory, need to summarize conversation history, or…
postgresql-table-design
Use this skill when designing or reviewing a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and…
brand-docx
Brand-aware Word engine. Use to (1) EXTRACT a company's brand from a Word template into a reusable "Brand Profile", (2) COMPREHEND the template with the model…
tui-mask
Generate pixel-precise ASCII TUI for Mask u-mask with strict output blocks TUI_RENDER COMPONENT_SPEC PENCIL_SPEC PENCIL_BATCH_DESIGN suitable for Pencil MCP…
sinatra-patterns
Common Sinatra patterns, routing strategies, error handling, and application organization. Use when building Sinatra applications or designing routes.
create-cli
This skill should be used when the user asks to "design a CLI", "help me design command-line flags", "what flags should my tool have", "create a CLI spec",…
blender
Inspect, measure and render Blender scenes through MCP or headless CLI. Use for Blender scene, render-pipeline or MCP work. Not for 2D design files…
design-md-generator
A skill that generates DESIGN.md for AI coding agents from URLs, images, and text requirements. Use it for requests such as "Turn example.com into a DESIGN.md," "Turn this thumbnail into a DESIGN.md," or "Create a DESIGN.md for a cool and pop LP." Claude Code / Cursor…
s4h-creativity-random-entry
Apply Edward de Bono's Random Entry technique — use an unrelated word, object, or image as a creative springboard to break out of cognitive ruts. Use when the…