design
216
data-visualization-accessibility
Audits charts, graphs, dashboards for accessibility. Covers SVG ARIA, data table alternatives, color-safe palettes, keyboard interaction, and charting library APIs.
Community-Access
content-media
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
214
poster-designer
Unified poster generation skill with hard routing. Produces a single final poster image using mandatory HTML-based layout for information-heavy posters and image-first generation only for strictly visual posters.
xorbitsai
content-media
design
208
visualize
Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, interactive explainers — directly inline in chat using the render_visualization tool. Use whenever the user asks to visualize, diagram, chart, draw, map out, or illustrate something, or when a topic has spatial, sequential, or systemic relationships a diagram would clarify better than prose. Also use proactively for data comparisons, metrics, architecture, processes, or mechanisms that benefit from a visual.
Classic298
content-media
design
206
render
Use when the user says '/render', 'render this', 'render diagrams', 'generate SVG', 'mdview render', or wants to render markdown files with ASCII art diagrams to HTML via mdview. This skill generates DiagramSpec JSON for ASCII art blocks, embeds specs as HTML comments in the markdown, and calls mdview to produce themed SVG output. The AI provides the structural intelligence that makes asciisvg rendering accurate.
Nubaeon
content-media
design
206
comfyui-skill-openclaw
Run ComfyUI workflows from any AI agent (Claude Code, OpenClaw, Codex) via a single CLI. Import workflows, manage dependencies, execute across multiple servers, and track history — all through shell commands. **Use this Skill when:** (1) The user requests to "generate an image", "draw a picture", or "execute a ComfyUI workflow". (2) The user has specific stylistic, character, or scene requirements for image generation. (3) The user asks you to import, register, sync, or configure saved ComfyUI workflows for later reuse.
HuangYuChuh
content-media
design
204
frontend-design-pro
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.
claudekit
content-media
design
204
frontend-design-pro
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.
claudekit
content-media
design
202
canghe-cover-image
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".
freestylefly
content-media
design
202
canghe-slide-deck
Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to "create slides", "make a presentation", "generate deck", "slide deck", or "PPT".
freestylefly
content-media
design
202
manga-style-video
漫画风格视频生成器 - 专门生成日式治愈系、国风水墨、美式卡通等漫画风格的动画视频。内置8种漫画风格模板，支持图生视频，一键生成高质量漫画动画。当用户需要生成漫画风格、动画风格、手绘风格的视频时使用此技能。
freestylefly
content-media
design
202
canghe-infographic
Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".
freestylefly
content-media
design
201
imagen
Generate images using Google Gemini's image generation capabilities. Use this skill when the user needs to create, generate, or produce images for any purpose including UI mockups, icons, illustrations, diagrams, concept art, placeholder images, or visual representations.
sanjay3290
content-media
design
200
google-stitch
Use this skill when users want to generate UI mockups, landing pages, wireframes, design concepts, marketing sections, or page prototypes from a prompt and need both a design image and matching HTML. Prefer this skill whenever the user asks for「設計圖 + HTML」、「UI 原型」、「Landing Page 草稿」、「prompt 生成介面」或 Google Stitch / Stitch with Google style workflows.
duotify
content-media
design
200
google-stitch
Use this skill when users want to generate UI mockups, landing pages, wireframes, design concepts, marketing sections, or page prototypes from a prompt and need both a design image and matching HTML. Prefer this skill whenever the user asks for「設計圖 + HTML」、「UI 原型」、「Landing Page 草稿」、「prompt 生成介面」或 Google Stitch / Stitch with Google style workflows.
duotify
content-media
design
199
svg-spec
Resolve SVG, Android Vector Drawable (AVG), and Compose ImageVector conversion questions for this repository. Use when work involves SVG path commands, transforms, gradients, viewBox/units, CSS style cascade/specificity, shape-to-path conversion, clipping/masking, or spec-compliance debugging in parsing and code generation.
rafaeltonholo
content-media
design
198
ppt-svg-generator
将 Markdown 文稿转化为可导入 PPT 的 SVG 页面。支持内容拆解、风格设计（5种预设+自定义+AI智能推荐）和批量生成。生成的 SVG 兼容 PPT「转换为形状」功能，可二次编辑。适用于演示文稿、方案汇报、知识分享等场景。
vigorX777
content-media
design
197
generate-image
This skill should be used when the user asks to "generate an image", "create a picture", "make me a logo", "edit this image", "combine these images", "make a sticker", "product mockup", "use nano banana", or any image creation/manipulation request. Covers t2i, i2i, and multi-reference composition. Not for HTML/CSS mockups, data visualizations, diagrams, or coded UI components.
gupsammy
content-media
design
195
color-accessibility-guide
Colorblind-friendly palettes and accessible visualization design
wentorai
content-media
design
195
kroki-diagram-api
Generate diagrams from text via Kroki's multi-format rendering API
wentorai
content-media
design
195
mermaid-diagram-guide
Create flowcharts, sequence diagrams, and architecture diagrams with Mermaid
wentorai
content-media
design
195
tex-render-guide
Render LaTeX math expressions to images in PNG, JPEG, and SVG
wentorai
content-media
design
195
plantuml-guide
Create UML diagrams and architecture visualizations with PlantUML
wentorai
content-media
design
195
scientific-illustration-guide
Create graphical abstracts, schematic diagrams, and scientific illustrations
wentorai
content-media
design
195
graphical-abstract-guide
Create SVG graphical abstracts for journal paper submissions
wentorai
content-media