design
2
psd-brand-guidelines
Apply Peninsula School District official brand colors, typography, and logos to artifacts
krishagel
content-media
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
2
odoo-icon-maker
This skill should be used when creating icons for Odoo modules. It generates modern Material Design style PNG icons (128x128) with white background, colored circle, and composable colored primitives. Updates manifest files and automatically handles web_icon references in menu XML files. Use when user asks to create, generate, or add an icon to an Odoo module.
straga
content-media
design
2
panel-mockup
Generate production-ready SVG panel designs in two phases - design iteration (2 files) then implementation scaffolding (5 files after approval)
davidorex
content-media
design
2
ascii-visualizer
Create beautiful ASCII art visualizations for plans, architectures, workflows, and data
yonatangross
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.
whodaniel
content-media
design
2
frontend-design
AI-guided UI/UX design patterns with Gay.jl deterministic colors
plurigrid
content-media
design
2
brand-guidelines
Apply brand colors and typography to artifacts. Use when brand colors,
plurigrid
content-media
design
2
excalidraw-diagrams
Creates Excalidraw diagrams programmatically. Use when the user wants flowcharts, architecture diagrams, system designs, or any visual diagram instead of ASCII art. Outputs .excalidraw files that can be opened directly in Excalidraw or VS Code with the Excalidraw extension.
robtaylor
content-media
design
2
generic-static-design-system
Complete design system reference for static HTML/CSS/JS sites. Covers colors, typography, component patterns, animations, and accessibility. Use when implementing UI, choosing colors, or ensuring brand consistency.
travisjneuman
content-media
design
2
theme-factory
10 ready-to-use themes with colors and fonts for consistent styling. Use when: applying visual themes to pages, components, or design systems. Triggers: "theme", "color palette", "color scheme", "fonts", "branding", "visual identity", "design system colors".
timequity
content-media
design
2
fastled-color-specialist
FastLED color expert for palette generation, color math, performance optimization, and LED effect debugging across any FastLED project.
synqing
content-media
design
2
marp-image-generator
Generate optimized images for Marp slides using Playwright MCP with theme-matching color palettes and guideline-compliant sizes
Ryunosuke-Tanaka-sti
content-media
design
2
moai-icons-vector
Vector icon libraries ecosystem guide covering 10+ major libraries with 200K+ icons, including React Icons (35K+), Lucide (1000+), Tabler Icons (5900+), Iconify (200K+), Heroicons, Phosphor, and Radix Icons with implementation patterns, decision trees, and best practices.
AJBcoding
content-media
design
2
wcag-contrast-checker
Check WCAG color contrast ratios between two colors. Accepts any CSS color format (hex, rgb, rgba, hsl, hsla, named colors) and returns the contrast ratio along with WCAG compliance levels (AA/AAA for normal and large text).
lsst-sqre
content-media
design
2
design-foundation
Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders), define component architecture, document design principles, and build the structure that enables consistency and scalability. Works with Tailwind CSS and framework-agnostic approaches.
sanky369
content-media
design
1
excalidraw-format
This skill should be used when generating Excalidraw JSON files, creating visual diagrams in Excalidraw format, or needing to understand Excalidraw element structure. Provides comprehensive knowledge of Excalidraw JSON schema, element types, styling properties, and valid configurations.
jskswamy
content-media
design
1
image-composer
Creative direction for branded images - compose visual briefs for social media, lifestyle, marketing, and web imagery
chufeng-huang-sipaway
content-media
design
1
design-iterator
Use this agent PROACTIVELY when design work isn't coming together on the first attempt. If you've made 1-2 design changes and the result still feels off, suggest using this agent with 5x or 10x iterations for deeper refinement. This agent takes screenshots, analyzes what's not working, implements improvements, and repeats N times to systematically fix design issues. Perfect when colors feel wrong, layouts aren't balanced, or the overall aesthetic needs work that single changes can't achieve. <example>Context: User asks to change button color but result still looks off. user: "Change the button to blue" assistant: [makes change, takes screenshot] "The button is now blue, but I notice the overall color balance still feels off. Would you like me to use the design-iterator agent with 5 iterations to systematically improve the color harmony and visual balance?" <commentary>PROACTIVE USE: After a simple change doesn't fully resolve the design issue, suggest the design-iterator to do deeper work.</commentary></examp
i3ringit
content-media