mermaid-tools
Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts. Activates when working with Mermaid diagrams,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,251 results
presentation-generator
Generate interactive HTML presentations with neobrutalism styling, ASCII art decorations, and Agency brand colors. Outputs HTML (interactive with navigation),…
slidev
Comprehensive guide for Slidev - a web-based presentation framework for developers. Covers Markdown syntax, layouts, components, animations, theming, and…
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with…
onboarding-new-hires
Design a high-signal onboarding experience and produce a New Hire Onboarding Pack (preboarding checklist, first-week plan, buddy/first-pair plan, listening…
dspy-custom-module-design
Use for creating custom DSPy modules, extending dspy.Module, reusable components, stateful modules, serialization, and module testing.
architecture
This skill should be used when designing systems, evaluating architectures, making technology decisions, or planning for scale. Provides technology selection…
pw-cover-image
A dedicated tool for generating beautiful cover images for article content. Core features: - Analyzes article content and automatically selects the most suitable visual style - Generates high-quality hand-drawn style cover images - Supports 19 preset styles (elegant, blueprint, bold-editorial, etc.) - Supports multiple aspect ratios (2.35:1 cinematic, 16:9 widescreen, 1:1 square) -…
design-accessibility
WCAG AA and ARIA best practices — screen readers, keyboard navigation, focus management. Use when building any user-facing interface or reviewing accessibility…
home-designer-activation-toolkit
Offline activation and premium feature unlock utility for Home Designer interior design software
remotion-maps
Remotion Map animation knowledge
designing-zod-schemas
Designs Zod schemas following Zod-first development. Use when creating validation schemas, branded types, discriminated unions, transforms, refinements, or…
component-guidance-actions
Fiori guidelines for action components Button, Product Switch (App Launcher), User Menu, Scrollbar
content-density
Guide to cozy, compact, and condensed modes - when to use each density, how to apply them, and device-specific recommendations
design-system
Build a new design system and enforce existing rules. Guide token design, component design, project setup, and Japanese typography. Use for requests such as "I want to build a design system", "build a DS", "create a component library", "design tokens", "follow the design system", etc.
gemini-image
Generate images with Gemini. Use chrome-devtools MCP's autoConnect to connect to an existing Chrome session and generate images while logged in. Use for requests such as "Generate an image with Gemini", "Generate a cat-eared beautiful girl", "Image with Nano Banana", etc.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
deepproduct
Builds a profile of your product (users, features, design system) then generates a research prompt for any UX or product design question.
animations
Production animation patterns for React Native using Reanimated 4, Skia, WebGPU, and TypeGPU. Covers CSS transitions, CSS animations, CSS pseudo-selectors, CSS…
game-design-big-five-personality-audit
Audit a game, feature, progression system, social system, live-ops loop, onboarding flow, monetization surface, or multiplayer space through the lens of the…
game-design-grow-design
Evaluate game features, feature pitches, live-ops ideas, UX changes, economy changes, roadmap choices, retention initiatives, monetization initiatives, and…
game-design-option-generation
Generate multiple game design solution paths before committing to one direction. Use when a feature, live-ops idea, UX problem, economy issue, or design…
game-design-player-persona-extractor
Extract the ideal player persona and anti-persona for a game, feature, loop, or progression structure based on the design itself. Use when a team can describe…
game-design-player-perspective-reframe
Reframe a player's current situation to reveal new meaning, goals, roles, or playstyles without changing the underlying mechanics. Use when diagnosing…