design-md
Apply a design.md design system when building UI. Trigger whenever the user wants to build UI with a specific design system, mentions design.md,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,053 results
design-before-code
Use before implementing any new AI feature UI component. Requires a written shape/spec — layout, states, copy, interactions — before a single line of…
figma-to-pdf
Compress and stitch design portfolio images into a high-definition PDF with controllable size, supporting two modes: ① package directly from a local image folder; ② paste a Figma link and Claude automatically exports 2x images from Figma and then packages them. Gradients and colors are preserved, with no jagged edges and no wavy patterns.
design
Create and refine visual designs — logos, brand assets, UI mockups, illustrations, interactive artifacts — using AI image generation, design intelligence, and…
recoup-internal-consulting-hyperframes-video
INTERNAL — Recoup staff consulting workflow. Use for recoup-internal consulting requests. > The house skill for making any VIDEO — create, edit, animate, or…
image-generator
Generates images via Openrouter API using AI image models. Supports two modes: test (cheap model for iteration) and production (high-quality model for final…
canvas
Open and use the Renoise annotation board for explicit image or video-frame annotation and structured visual requests. Use only when the user explicitly asks…
resend-brand
Use when creating Resend marketing materials, documents, presentations, or visual content. Triggers for Resend brand, Resend style, or Resend visual identity…
glyph-design
Glyph design method skill. Provides the SVG glyph coordinate system and path conventions, stroke construction methods, visual correction principles, design language spec (JSON) format, and a self-verification checklist. Before any task of drawing or modifying jamo, syllable, or Latin glyphs in SVG, you must read this skill.
bloom-taxonomy-engine
A specialized skill for question design and learning level analysis using Bloom's Taxonomy of Educational Objectives. Used by examiner and learning-designer…
color-harmony-engine
A color harmony engine for designing interior color palettes. The 'moodboard-designer' and 'style-analyst' agents must use this skill's color theory, palette…
personal-branding
A pipeline where an agent team systematically performs personal branding. Use this skill for requests such as 'write my resume,' 'personal branding,' 'CV…
proposal-writer
proposal agent team to clientanalysis→solutiondesign→price→differentiation→specialistpersonto Korean creation Full pipeline. 'proposal create it', 'proposal…
quest-design-patterns
A specialized skill for the quest-designer agent covering quest design patterns. Provides quest archetypes, reward psychology, difficulty curves, and player…
test-design-patterns
Patterns for effective test design, including boundary value analysis, equivalence partitioning, state transition testing, and other systematic test case…
thumbnail-psychology
YouTube thumbnail visual psychology skill. Provides color theory, composition principles, CTR optimization patterns, and mobile readability checklists.…
scansci-svg
Create, revise, compose, convert and troubleshoot SVG and scientific figures. Reuse assets, preserve editable parts, deliver requested raster/vector/Office…
remotion-scene-anatomy
Conventions for building a narrated Remotion video where the audio drives the timeline. Covers timing.ts, beat-local time, gap-fill sequences, and the end-card…
ios-app-intents
Design App Intents, app entities, and App Shortcuts for iOS system surfaces. Use when exposing app actions or content to Shortcuts, Siri, Spotlight, widgets,…
swiftui-liquid-glass
Implement and review iOS 26+ SwiftUI Liquid Glass UI. Use when adopting Liquid Glass or checking its correctness, performance, and design fit.
design-md
Load a ready-made brand design system (DESIGN.md) from the awesome-design-md collection into your project. 73 brands available including Linear, Stripe,…
extract-design
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React…
ios-hig-design-guide
Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data. Use when a task asks for iOS UI/UX rules, Apple…
flux-kontext
Generate and edit images with Flux Kontext through RunAPI. Use when the user asks an agent to create, edit, or transform images with Flux Kontext. Default to…