designer-skill
UI craft: build, redesign, or visually review an interface and its design system. Not for backend or other non-visual work.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Design & creation
20,981 results
data-center-design-execution-lead
Guides data center design and build execution—site and tier selection, capacity and density planning (kW/rack, floor loading), power and cooling architecture,…
lit-and-figma
Learn how to create a Figma plugin using Lit web components, including project setup, component creation, WASM integration, and building the final plugin for…
game-design-fairness-frustration-audit
Audit a game, feature, failure loop, combat encounter, reward system, progression wall, or high-variance mechanic for perceived fairness and frustration. Use…
website
Build premium, narrative-driven landing pages from scratch or redesign weak ones. Apply the design principles, techniques, and iterative process refined…
content-image
Image prompt engineering for AI image generation models. Use when user wants to generate images, create image prompts, or optimize prompts for DALL-E,…
glmv-prompt-gen
Analyze images/videos and generate professional prompts for text-to-image and text-to-video AI tools (Midjourney, Stable Diffusion, DALL-E, Sora, Runway,…
r3f-animation
React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural…
figma-ui-design
Automated Figma UI design. Use this skill when users need to create design mockups, generate components, export assets, or automate design workflows.
canva
Create, export, and manage Canva designs via the Connect API. Generate social posts, carousels, and graphics programmatically.
vox-explainer
Turn a brand angle into a finished Vox-style paper-collage explainer ad on the Advibly MCP. Approve a narrative beat map and visual theme, generate layered…
brand-building
Brand strategy, identity, positioning, and voice development. Use when developing brand guidelines, creating positioning statements, defining brand voice, or…
ios-swiftui
SwiftUI: View, modifiers, @State/@Binding/@ObservedObject, @EnvironmentObject, animations, NavigationStack
director
User-facing creative director and production orchestrator for generated video. Use for product ads, UGC, brand films, drama, comedy, short films, adaptations,…
excalidraw
Create hand-drawn style diagrams and flowcharts using Excalidraw
data-table-design
Design clear, scannable data tables that follow established UX conventions for alignment, formatting, and readability. Use this skill when building data…
blitzreels-motion-graphics
Motion graphics composition creation via the BlitzReels Playground API (text, shapes, charts, animations, export).
gds-test-design
Create comprehensive game test scenarios. Use when the user says "test design" or "design tests"
knowledge-project
Make knowledge-work projects self-describing to Agents, continuable across sessions, and govern the rules and working discipline within a project. Used in two types of scenarios: (1) project organization—creating or initializing a project, tidying up or health-checking project structure, designing directories and navigation, writing frontmatter/index/log/decision records, consolidating temporary files from the exploration phase, …
Video Producer
Automated short video production workflow combining TTS, screen recording, and AI video generation via FFmpeg.
kling-prompter
Generate video prompts that conform to the rules of Kling 3.0 (Kuaishou). Three writing approaches adapt to the situation: the 4-part basic formula (short videos) / the 5-layer advanced formula (narrative + audio) / the dedicated image-to-video approach (describe motion only). Kling is the most powerful Chinese-language understanding model of 2026, with native audio-video synchronization, up to 2 minutes, support for character-directed speech, and the Motion Brush—a cinematic-grade model. Used for "using...
image-processing
Image processing and optimization. Sharp (Node.js), Pillow (Python), Cloudinary, responsive images, WebP/AVIF conversion, thumbnails, and CDN-based image…
codia-design-skills
Create, edit, enhance, convert, and manage images, design resources, and visual assets with Codia Design Skills and the Codia Open API. Use when the user asks…
nanobanana
Generate and edit images using Google Gemini (Nano Banana Pro / Nano Banana 2). Automatically selects the best model based on prompt complexity. Supports…