design
3
visual-assets
Create and manage visual assets. Use when creating graphics, icons, or images. Covers asset formats and optimization.
dralgorhythm
content-media
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
2
mermaid-diagrams
Create Mermaid diagrams. ONLY use when user explicitly says "Mermaid". NOT for general diagrams, schemas, ASCII art, or wireframes.
bengous
content-media
design
2
prototyping
Master prototyping - Figma, wireframes, interactive prototypes, user testing, iteration
pluginagentmarketplace
content-media
design
2
ui-ux-designing
Design UI/UX concepts for apps and web services through systematic research and questioning. Use PROACTIVELY when designing app interfaces, determining visual direction, creating design systems, choosing color schemes, or establishing UX patterns. Examples: <example>Context: User wants to design an app user: 'UI/UXのデザインコンセプトを決めたい' assistant: 'I will use ui-ux-designing skill' <commentary>Triggered by design concept request</commentary></example> <example>Context: User building new feature user: 'この機能の見た目どうしよう' assistant: 'I will use ui-ux-designing skill' <commentary>Triggered by visual design question</commentary></example>
tomada1114
content-media
design
2
mockup-generator
Create realistic product mockups and presentations
eddiebe147
content-media
design
2
wireframe-creator
Create low-fidelity wireframes for rapid prototyping
eddiebe147
content-media
design
2
frontend-design
Guide for creating distinctive UI designs that avoid generic templates. Use when designing new UI components, screens, or evaluating designs for uniqueness and purpose.
Grimblaz
content-media
design
2
social-media-designer
Create platform-optimized social media graphics
eddiebe147
content-media
design
2
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
whodaniel
content-media
design
2
svg
Create precise, production-ready SVG graphics for technical and business contexts (diagrams, P&IDs, HMI/SCADA widgets, process flow visuals, PowerPoint/Office illustrations, UI icons, annotations). Use when the user asks to generate, edit, standardize, optimize, or export SVG artwork; convert requirements (dimensions, scale, line weights, layers, symbols) into clean SVG markup; or produce multiple layout/variant files (editable vs outlined text, light/dark, monochrome).
tazomatalax
content-media
design
2
icon-generator
Generate web UI/UX icon assets (favicon.ico, apple-touch-icon, PWA icons incl. maskable) and optionally Unreal Engine packaging icons (Windows .ico, macOS .iconset/.icns, Linux .png) from a single source SVG/PNG; use when you need correct multi-size icon files, safe-area guidance, manifests/head tags, or automation.
ssdeanx
content-media
design
2
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
JoaquinCampo
content-media
design
2
ios-app-icon-generator
Generates a complete iOS app icon set with all required sizes. Use when asked to create an app icon, design an iOS icon, generate app store artwork, or make an icon for an iPhone/iPad app. Follows a philosophy-first approach - first defining the visual identity and concept, then producing production-ready icons.
GhostScientist
content-media
design
2
netresearch-branding
Agent Skill: Apply Netresearch brand identity. MANDATORY for Netresearch projects. Include: (1) [n] logo, (2) colors #2F99A4/#FF4D00/#585961, (3) Raleway+Open Sans fonts.
netresearch
content-media
design
2
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Evilander
content-media
design
2
design-system-manager
Create and manage design systems with design tokens, theming (light/dark mode), standardized spacing, colors, typography, and component registry
deve1993
content-media
design
2
rama-gay-clojure
Red Planet Labs Rama with Gay.jl deterministic coloring for 100x backend development with gay-colored parentheses as expressive as tensor shapes.
plurigrid
content-media
design
2
svg-art
Create SVG graphics through programmatic code generation. Use this skill when the user asks to create icons, logos, illustrations, diagrams, data visualizations, generative art, patterns, fractals, or any vector graphics. Provides executable Python scripts for grids, radial patterns, fractals, waves, particles, charts, icons, and optimization.
kv0906
content-media
design
2
marp-html-to-png
Create HTML diagrams for Marp slides and capture them as PNG screenshots using Playwright MCP
Ryunosuke-Tanaka-sti
content-media
design
2
aesthetic-form-composition
[Aesthetics] Analyzes form, composition, and spatial relationships: eye paths, balance/asymmetry, rhythm, layering, fore/mid/background usage. Outputs compositional rules as Memo nodes in Brain canvas.
CANTAGESTUDIO
content-media
design
2
haskell-diagrams
haskell-diagrams - Declarative Vector Graphics with Diagrams DSL
plurigrid
content-media
design
2
satori-constraints
Satori library constraints for JSX-to-SVG rendering and OG image generation. Use when working with report package, image generation, satori, resvg, CSS styling for images, or font loading.
shepherdjerred
content-media