design-system-builder
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Design & creation
20,971 results
laorenfang-zhuangxiu-zhinan
Dedicated Skill for the Elderly Room Renovation Guide. It covers the full process of anti-slip and anti-fall, nighttime bathroom visits and lighting, accessibility and elderly-friendly facilities, elderly room layout, comprehensive elderly-friendly design, and more. It integrates the essence of the Xi'an Renovation Classroom member edition knowledge base in reverse chronological order, helping users create a more worry-free elderly room renovation without pitfalls.
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,…
arch-patterns
Design patterns: GoF 23 patterns, SOLID, DRY/YAGNI/KISS, composition vs inheritance, functional
alterlab-genai-voice-designer
This skill should be used when the user asks about "AI voice design", "ElevenLabs", "voice cloning", "text to speech", "AI narration", "voice over AI", "Eleven…
alterlab-pra-brand-analyst
This skill should be used when the user asks about "brand analysis", "brand audit", "brand equity", "brand positioning", "competitive intelligence", "Keller…
web-design-mastery
Production-grade web application UI design based on Refactoring UI principles. ALWAYS activate for: landing page, dashboard, auth screens, hero sections, card…
biz-brand-positioning
Develop brand positioning strategy including positioning statements, perceptual maps, and brand personality/archetype analysis. Use this skill when the user…
d3js-visualization
Professional data visualization creation using D3.js with support for interactive charts, custom visualizations, animations, and responsive design. Use for:…
applying-bitwarden-branding
Apply Bitwarden brand standards — logo usage, color palette, typography, iconography, and capitalization rules — grounded in bitwarden.com/brand and the…
evolving-design-system-components
Propose a new UI pattern or modify an existing Design System component per Bitwarden's published governance process — design-team alignment, Core vs.…
using-figma
Read and inspect Figma designs via the Dev Mode MCP server — selects the right tool, parses Figma URLs into fileKey and nodeId, and turns design context into…
blitzreels-caption-themes
Design reusable BlitzReels caption themes. Use for branded looks, previews, duplication, or defaults.
imagegen
Use when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement,…
funnel-architecture
Design complete DTC sales funnel architecture — maps the full customer journey from ad to email follow-up with RMBC-aligned copy approach, conversion goals,…
github-images
Download images from private GitHub issues and PRs using authenticated signed URLs.
design-engineer
Design engineering craft and execution excellence. Applies when building, reviewing, refactoring, or improving any UI component, page, or interaction. Triggers…
tokens
Design token audit and enforcement skill. Finds every hardcoded color, spacing value, shadow, border radius, font size, and z-index in the codebase, maps them…
blcaptain-style-skill
Use when the user needs to turn content (articles, notes, screenshots, data, product descriptions) into a Chinese image-and-text card set—Xiaohongshu / Rednote 3:4 vertical images, WeChat Official Account covers, social cards. Provides three exclusive visual languages (Still Paper journal / Signal Proof evidence layer / Bridge Canvas cross-platform bridge), by Claude…
cardiology-visual-system
Unified visual content system for cardiology thought leadership. Automatically routes requests to the optimal tool—Fal.ai for blog imagery, Gemini for…
gsap
Install and use GSAP (GreenSock Animation Platform) for high-performance JavaScript animations. Covers core utilities (Tween, Timeline), React integration…
wpds
Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.
optimize-images
Batch optimize images for web delivery. Converts to WebP, generates multiple sizes, and creates blur placeholders.
forgent3d
Author or modify a 3D CAD part for Forgent3D with one CLI, cad-build. Two routes, picked from the request and the files present — a parametric model.py in the…