category focus

Design

UI/UX, graphics, and prototyping.

1436 スキルall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
1.1K

figma-create-new-file

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)

figma
figma
content-media
open
design
1K

mermaid-sequence-diagram-creator

Create mermaid sequence diagram creator operations. Auto-activating skill for Visual Content. Triggers on: mermaid sequence diagram creator, mermaid sequence diagram creator Part of the Visual Content skill category. Use when working with mermaid sequence diagram creator functionality. Trigger with phrases like "mermaid sequence diagram creator", "mermaid creator", "mermaid".

jeremylongshore
jeremylongshore
content-media
open
design
1K

network-diagram-generator

Network Diagram Generator - Auto-activating skill for Visual Content. Triggers on: network diagram generator, network diagram generator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-flowchart-generator

Generate mermaid flowchart generator operations. Auto-activating skill for Visual Content. Triggers on: mermaid flowchart generator, mermaid flowchart generator Part of the Visual Content skill category. Use when working with mermaid flowchart generator functionality. Trigger with phrases like "mermaid flowchart generator", "mermaid generator", "mermaid".

jeremylongshore
jeremylongshore
content-media
open
design
1K

plantuml-diagram-generator

Generate plantuml diagram generator operations. Auto-activating skill for Visual Content. Triggers on: plantuml diagram generator, plantuml diagram generator Part of the Visual Content skill category. Use when working with plantuml diagram generator functionality. Trigger with phrases like "plantuml diagram generator", "plantuml generator", "plantuml".

jeremylongshore
jeremylongshore
content-media
open
design
1K

network-diagram-generator

Generate network diagram generator operations. Auto-activating skill for Visual Content. Triggers on: network diagram generator, network diagram generator Part of the Visual Content skill category. Use when working with network diagram generator functionality. Trigger with phrases like "network diagram generator", "network generator", "network".

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-class-diagram-generator

Generate mermaid class diagram generator operations. Auto-activating skill for Visual Content. Triggers on: mermaid class diagram generator, mermaid class diagram generator Part of the Visual Content skill category. Use when working with mermaid class diagram generator functionality. Trigger with phrases like "mermaid class diagram generator", "mermaid generator", "mermaid".

jeremylongshore
jeremylongshore
content-media
open
design
1K

plantuml-diagram-generator

Plantuml Diagram Generator - Auto-activating skill for Visual Content. Triggers on: plantuml diagram generator, plantuml diagram generator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-flowchart-generator

Mermaid Flowchart Generator - Auto-activating skill for Visual Content. Triggers on: mermaid flowchart generator, mermaid flowchart generator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-class-diagram-generator

Mermaid Class Diagram Generator - Auto-activating skill for Visual Content. Triggers on: mermaid class diagram generator, mermaid class diagram generator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-state-diagram-creator

Create mermaid state diagram creator operations. Auto-activating skill for Visual Content. Triggers on: mermaid state diagram creator, mermaid state diagram creator Part of the Visual Content skill category. Use when working with mermaid state diagram creator functionality. Trigger with phrases like "mermaid state diagram creator", "mermaid creator", "mermaid".

jeremylongshore
jeremylongshore
content-media
open
design
1K

d2-diagram-creator

D2 Diagram Creator - Auto-activating skill for Visual Content. Triggers on: d2 diagram creator, d2 diagram creator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-state-diagram-creator

Mermaid State Diagram Creator - Auto-activating skill for Visual Content. Triggers on: mermaid state diagram creator, mermaid state diagram creator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-sequence-diagram-creator

Mermaid Sequence Diagram Creator - Auto-activating skill for Visual Content. Triggers on: mermaid sequence diagram creator, mermaid sequence diagram creator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

mermaid-er-diagram-creator

Mermaid Er Diagram Creator - Auto-activating skill for Visual Content. Triggers on: mermaid er diagram creator, mermaid er diagram creator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

svg-icon-generator

Svg Icon Generator - Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

ascii-art-diagram-creator

Ascii Art Diagram Creator - Auto-activating skill for Visual Content. Triggers on: ascii art diagram creator, ascii art diagram creator Part of the Visual Content skill category.

jeremylongshore
jeremylongshore
content-media
open
design
1K

color-contrast-checker

Color Contrast Checker - Auto-activating skill for Frontend Development. Triggers on: color contrast checker, color contrast checker Part of the Frontend Development skill category.

jeremylongshore
jeremylongshore
content-media
open
design
946

d3js-visualization

Build deterministic, verifiable data visualizations with D3.js (v6). Generate standalone HTML/SVG (and optional PNG) from local data files without external network dependencies. Use when tasks require charts, plots, axes/scales, legends, tooltips, or data-driven SVG output.

benchflow-ai
benchflow-ai
content-media
open
design
935

image-generation

Guide to image generation and editing in MassGen. Use when creating images, editing existing images, iterating on image designs, or choosing between image backends (OpenAI, Google Gemini/Imagen, Grok, OpenRouter).

massgen
massgen
content-media
open
design
906

better-icons

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available as MCP server for AI agents.

better-auth
better-auth
content-media
open
design
893

extract-tikz

Extract TikZ diagrams from Beamer source, compile to PDF, convert to SVG with 0-based indexing. Use when updating TikZ diagrams for Quarto slides.

pedrohcgs
pedrohcgs
content-media
open
design
876

figure-creation

Create, edit, or plan figures in Stencila Markdown — simple image figures, executable code figures, multi-panel subfigure layouts with grid arrangements, and SVG annotation overlays using overlay components. Use when asked to add or revise a figure, chart, plot, caption, subfigure grid, panel layout, overlay annotation, callout, scale bar, arrow, region-of-interest highlight, or figure design plan for a Stencila document.

stencila
stencila
content-media
open
design
864

jimeng-api

Generate images using the Jimeng API based on text prompts. Use this skill when users request AI-generated images from the Jimeng (即梦AI) service, artwork, illustrations, or visual content creation. Supports text-to-image and image-to-image generation with customizable ratios and resolutions.

iptag
iptag
content-media
open
Previous
Page 8 / 60
Next