← Design Skills

Install guidance

Install every skill from its verified source.

Every skill has its own local page, upstream SKILL.md, and source-specific command. Read the outcome first, then copy the command into your project root and choose the agent directory supported by your CLI.

Installable

230

Verified source paths and commands

Source only

0

Source linked, command pending

Guide only

0

No verified artifact published

Install commands · 230 skills

Industrial brutalist UIVisual styles · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill brutalist-skill
Open source SKILL.mdSkill name: brutalist-skill
Minimalist UIVisual styles · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill minimalist-skill
Open source SKILL.mdSkill name: minimalist-skill
Agency grid layout minimalVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill agency-grid-layout-minimal
Open source SKILL.mdSkill name: agency-grid-layout-minimal
Blue cloudy clean modernVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill blue-cloudy-clean-modern
Open source SKILL.mdSkill name: blue-cloudy-clean-modern
Blue laser clean glass layoutVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill blue-laser-clean-glass-layout
Open source SKILL.mdSkill name: blue-laser-clean-glass-layout
Book serif indexVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill book-serif-index
Open source SKILL.mdSkill name: book-serif-index
Bright green tech system WebGLVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill bright-green-tech-system-webgl
Open source SKILL.mdSkill name: bright-green-tech-system-webgl
Clean minimal beige light modeVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill clean-minimal-beige-light-mode
Open source SKILL.mdSkill name: clean-minimal-beige-light-mode
Dark blue contrasting cleanVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill dark-blue-contrasting-clean
Open source SKILL.mdSkill name: dark-blue-contrasting-clean
Dark glass clean layoutVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill dark-glass-clean-layout
Open source SKILL.mdSkill name: dark-glass-clean-layout
Dither laser dark modeVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill dither-laser-dark-mode
Open source SKILL.mdSkill name: dither-laser-dark-mode
Framed tech dark border gradientVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill framed-tech-dark-border-gradient
Open source SKILL.mdSkill name: framed-tech-dark-border-gradient
Funky purple container techVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill funky-purple-container-tech
Open source SKILL.mdSkill name: funky-purple-container-tech
Glass dark mode clockVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill glass-dark-mode-clock
Open source SKILL.mdSkill name: glass-dark-mode-clock
Glass dark UIVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill glass-dark-ui
Open source SKILL.mdSkill name: glass-dark-ui
High contrast skeuomorphic cleanVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill high-contrast-skeuomorphic-clean
Open source SKILL.mdSkill name: high-contrast-skeuomorphic-clean
Image first grid layoutVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill image-first-grid-layout
Open source SKILL.mdSkill name: image-first-grid-layout
Light mode paper technicalVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill light-mode-paper-technical
Open source SKILL.mdSkill name: light-mode-paper-technical
Mesh gradient dark blue cleanVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill mesh-gradient-dark-blue-clean
Open source SKILL.mdSkill name: mesh-gradient-dark-blue-clean
Nested container clean agencyVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill nested-container-clean-agency
Open source SKILL.mdSkill name: nested-container-clean-agency
Orange clean paper SaaSVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill orange-clean-paper-saas
Open source SKILL.mdSkill name: orange-clean-paper-saas
Skeuomorphic UIVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill skeuomorphic-ui
Open source SKILL.mdSkill name: skeuomorphic-ui
Split layout technicalVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill split-layout-technical
Open source SKILL.mdSkill name: split-layout-technical
Tech green dark mode modernVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill tech-green-dark-mode-modern
Open source SKILL.mdSkill name: tech-green-dark-mode-modern
Technical wireframe info layoutVisual styles · Meng To
$npx skills add https://github.com/MengTo/Skills --skill technical-wireframe-info-layout
Open source SKILL.mdSkill name: technical-wireframe-info-layout
AgenticVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill agentic
Open source SKILL.mdSkill name: agentic
AntVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill ant
Open source SKILL.mdSkill name: ant
ArtisticVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill artistic
Open source SKILL.mdSkill name: artistic
BasicVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill basic
Open source SKILL.mdSkill name: basic
BentoVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill bento
Open source SKILL.mdSkill name: bento
BoldVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill bold
Open source SKILL.mdSkill name: bold
BrutalismVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill brutalism
Open source SKILL.mdSkill name: brutalism
CafeVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill cafe
Open source SKILL.mdSkill name: cafe
ClaudeVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill claude
Open source SKILL.mdSkill name: claude
ClaymorphismVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill claymorphism
Open source SKILL.mdSkill name: claymorphism
CleanVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill clean
Open source SKILL.mdSkill name: clean
CodexVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill codex
Open source SKILL.mdSkill name: codex
ColorfulVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill colorful
Open source SKILL.mdSkill name: colorful
ContemporaryVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill contemporary
Open source SKILL.mdSkill name: contemporary
CorporateVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill corporate
Open source SKILL.mdSkill name: corporate
CosmicVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill cosmic
Open source SKILL.mdSkill name: cosmic
CreativeVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill creative
Open source SKILL.mdSkill name: creative
DitheredVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill dithered
Open source SKILL.mdSkill name: dithered
DoodleVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill doodle
Open source SKILL.mdSkill name: doodle
DramaticVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill dramatic
Open source SKILL.mdSkill name: dramatic
EditorialVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill editorial
Open source SKILL.mdSkill name: editorial
EnterpriseVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill enterprise
Open source SKILL.mdSkill name: enterprise
ExpressiveVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill expressive
Open source SKILL.mdSkill name: expressive
FantasyVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill fantasy
Open source SKILL.mdSkill name: fantasy
FictionVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill fiction
Open source SKILL.mdSkill name: fiction
FlatVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill flat
Open source SKILL.mdSkill name: flat
FriendlyVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill friendly
Open source SKILL.mdSkill name: friendly
FuturisticVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill futuristic
Open source SKILL.mdSkill name: futuristic
GeometricVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill geometric
Open source SKILL.mdSkill name: geometric
GlassmorphismVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill glassmorphism
Open source SKILL.mdSkill name: glassmorphism
GradientVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill gradient
Open source SKILL.mdSkill name: gradient
ImmersiveVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill immersive
Open source SKILL.mdSkill name: immersive
ImpeccableVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill impeccable
Open source SKILL.mdSkill name: impeccable
LevelsVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill levels
Open source SKILL.mdSkill name: levels
LingoVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill lingo
Open source SKILL.mdSkill name: lingo
MaterialVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill material
Open source SKILL.mdSkill name: material
MatrixVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill matrix
Open source SKILL.mdSkill name: matrix
MinimalVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill minimal
Open source SKILL.mdSkill name: minimal
ModernVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill modern
Open source SKILL.mdSkill name: modern
MonoVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill mono
Open source SKILL.mdSkill name: mono
NeobrutalismVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill neobrutalism
Open source SKILL.mdSkill name: neobrutalism
NeonVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill neon
Open source SKILL.mdSkill name: neon
NeumorphismVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill neumorphism
Open source SKILL.mdSkill name: neumorphism
PacmanVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill pacman
Open source SKILL.mdSkill name: pacman
PaperVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill paper
Open source SKILL.mdSkill name: paper
PerspectiveVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill perspective
Open source SKILL.mdSkill name: perspective
PowerVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill power
Open source SKILL.mdSkill name: power
PremiumVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill premium
Open source SKILL.mdSkill name: premium
ProfessionalVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill professional
Open source SKILL.mdSkill name: professional
PulseVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill pulse
Open source SKILL.mdSkill name: pulse
RefinedVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill refined
Open source SKILL.mdSkill name: refined
RetroVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill retro
Open source SKILL.mdSkill name: retro
RisoVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill riso
Open source SKILL.mdSkill name: riso
RokuVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill roku
Open source SKILL.mdSkill name: roku
SegaVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill sega
Open source SKILL.mdSkill name: sega
ShadcnVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill shadcn
Open source SKILL.mdSkill name: shadcn
SketchVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill sketch
Open source SKILL.mdSkill name: sketch
SkeumorphismVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill skeumorphism
Open source SKILL.mdSkill name: skeumorphism
SleekVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill sleek
Open source SKILL.mdSkill name: sleek
SpaciousVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill spacious
Open source SKILL.mdSkill name: spacious
SquareVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill square
Open source SKILL.mdSkill name: square
StitchVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill stitch
Open source SKILL.mdSkill name: stitch
StorytellingVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill storytelling
Open source SKILL.mdSkill name: storytelling
TerracottaVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill terracotta
Open source SKILL.mdSkill name: terracotta
TetrisVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill tetris
Open source SKILL.mdSkill name: tetris
VibrantVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill vibrant
Open source SKILL.mdSkill name: vibrant
VintageVisual styles · Bergside
$npx skills add https://github.com/bergside/awesome-design-skills --skill vintage
Open source SKILL.mdSkill name: vintage
Frontend designLanding pages · Anthropic
$npx skills add https://github.com/anthropics/skills --skill frontend-design
Open source SKILL.mdSkill name: frontend-design
Web artifacts builderLanding pages · Anthropic
$npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder
Open source SKILL.mdSkill name: web-artifacts-builder
DesignLanding pages · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill design
Open source SKILL.mdSkill name: design
UI stylingLanding pages · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-styling
Open source SKILL.mdSkill name: ui-styling
UI UX Pro MaxLanding pages · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max
Open source SKILL.mdSkill name: ui-ux-pro-max
Design taste frontendLanding pages · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill taste-skill
Open source SKILL.mdSkill name: taste-skill
Design taste frontend v1Landing pages · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill taste-skill-v1
Open source SKILL.mdSkill name: taste-skill-v1
Gpt tasteLanding pages · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill gpt-tasteskill
Open source SKILL.mdSkill name: gpt-tasteskill
High end visual designLanding pages · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill soft-skill
Open source SKILL.mdSkill name: soft-skill
Redesign existing projectsLanding pages · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill redesign-skill
Open source SKILL.mdSkill name: redesign-skill
Build awwwards quality sitesLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill build-awwwards-quality-sites
Open source SKILL.mdSkill name: build-awwwards-quality-sites
Build daily inspiration sitesLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill build-daily-inspiration-sites
Open source SKILL.mdSkill name: build-daily-inspiration-sites
Design first UI promptingLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill design-first-ui-prompting
Open source SKILL.mdSkill name: design-first-ui-prompting
Documentary brutalist agencyLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill documentary-brutalist-agency
Open source SKILL.mdSkill name: documentary-brutalist-agency
Editorial portfolio chaptersLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill editorial-portfolio-chapters
Open source SKILL.mdSkill name: editorial-portfolio-chapters
Editorial techLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill editorial-tech
Open source SKILL.mdSkill name: editorial-tech
Landing pageLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill landing-page
Open source SKILL.mdSkill name: landing-page
WebGL landing steeringLanding pages · Meng To
$npx skills add https://github.com/MengTo/Skills --skill webgl-landing-steering
Open source SKILL.mdSkill name: webgl-landing-steering
Web designLanding pages · XiaoPu
$npx skills add https://github.com/xiaopu-ai/web-design --skill web-design
Open source SKILL.mdSkill name: web-design
Landing page designLanding pages · Elaya
$npx skills add https://github.com/elayadesign/ai-design-skills --skill landing-page-design
Open source SKILL.mdSkill name: landing-page-design
RedesignLanding pages · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill redesign
Open source SKILL.mdSkill name: redesign
Claude designLanding pages · jiji262
$npx skills add https://github.com/jiji262/claude-design-skill --skill claude-design
Open source SKILL.mdSkill name: claude-design
Animation on scrollMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill animation-on-scroll
Open source SKILL.mdSkill name: animation-on-scroll
Animation systemsMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill animation-systems
Open source SKILL.mdSkill name: animation-systems
Cinematic GSAP lenis motion systemMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill cinematic-gsap-lenis-motion-system
Open source SKILL.mdSkill name: cinematic-gsap-lenis-motion-system
Cinematic scroll storytellingMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill cinematic-scroll-storytelling
Open source SKILL.mdSkill name: cinematic-scroll-storytelling
GSAPMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill gsap
Open source SKILL.mdSkill name: gsap
GSAP scrolltrigger storytellingMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill gsap-scrolltrigger-storytelling
Open source SKILL.mdSkill name: gsap-scrolltrigger-storytelling
Marquee loopMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill marquee-loop
Open source SKILL.mdSkill name: marquee-loop
Masked revealMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill masked-reveal
Open source SKILL.mdSkill name: masked-reveal
Reveal hover effectMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill reveal-hover-effect
Open source SKILL.mdSkill name: reveal-hover-effect
Scroll progress timelineMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill scroll-progress-timeline
Open source SKILL.mdSkill name: scroll-progress-timeline
Scroll scrubbed visual sequenceMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill scroll-scrubbed-visual-sequence
Open source SKILL.mdSkill name: scroll-scrubbed-visual-sequence
Scroll scrubbed word revealMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill scroll-scrubbed-word-reveal
Open source SKILL.mdSkill name: scroll-scrubbed-word-reveal
Scroll world storytellingMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill scroll-world-storytelling
Open source SKILL.mdSkill name: scroll-world-storytelling
Staggered word revealMotion and scroll · Meng To
$npx skills add https://github.com/MengTo/Skills --skill staggered-word-reveal
Open source SKILL.mdSkill name: staggered-word-reveal
Add shader cursor trail3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill add-shader-cursor-trail
Open source SKILL.mdSkill name: add-shader-cursor-trail
Ambient section particles3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill ambient-section-particles
Open source SKILL.mdSkill name: ambient-section-particles
Background grid WebGL3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill background-grid-webgl
Open source SKILL.mdSkill name: background-grid-webgl
Cobe.js3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill cobejs
Open source SKILL.mdSkill name: cobejs
Corner lasers3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill corner-lasers
Open source SKILL.mdSkill name: corner-lasers
Globe GL3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill globe-gl
Open source SKILL.mdSkill name: globe-gl
Globe particles3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill globe-particles
Open source SKILL.mdSkill name: globe-particles
Liquid metal border3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill liquid-metal-border
Open source SKILL.mdSkill name: liquid-metal-border
Matter.js3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill matterjs
Open source SKILL.mdSkill name: matterjs
Shaders cursor ripples3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill shaders-cursor-ripples
Open source SKILL.mdSkill name: shaders-cursor-ripples
Three.js3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill threejs
Open source SKILL.mdSkill name: threejs
Unicorn studio3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill unicorn-studio
Open source SKILL.mdSkill name: unicorn-studio
Vanta.js3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill vantajs
Open source SKILL.mdSkill name: vantajs
WebGL 3D object3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill webgl-3d-object
Open source SKILL.mdSkill name: webgl-3d-object
WebGL laser3D and WebGL · Meng To
$npx skills add https://github.com/MengTo/Skills --skill webgl-laser
Open source SKILL.mdSkill name: webgl-laser
SlidesProduct surfaces · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides
Open source SKILL.mdSkill name: slides
Beam glow statesProduct surfaces · Meng To
$npx skills add https://github.com/MengTo/Skills --skill beam-glow-states
Open source SKILL.mdSkill name: beam-glow-states
Editorial service bookingProduct surfaces · Meng To
$npx skills add https://github.com/MengTo/Skills --skill editorial-service-booking
Open source SKILL.mdSkill name: editorial-service-booking
Operational enterprise AIProduct surfaces · Meng To
$npx skills add https://github.com/MengTo/Skills --skill operational-enterprise-ai
Open source SKILL.mdSkill name: operational-enterprise-ai
Pricing pageProduct surfaces · Meng To
$npx skills add https://github.com/MengTo/Skills --skill pricing-page
Open source SKILL.mdSkill name: pricing-page
Product proof SaaSProduct surfaces · Meng To
$npx skills add https://github.com/MengTo/Skills --skill product-proof-saas
Open source SKILL.mdSkill name: product-proof-saas
Thinking orbsProduct surfaces · Meng To
$npx skills add https://github.com/MengTo/Skills --skill thinking-orbs
Open source SKILL.mdSkill name: thinking-orbs
Calculator designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill calculator-design
Open source SKILL.mdSkill name: calculator-design
Chatbot flow designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill chatbot-flow-design
Open source SKILL.mdSkill name: chatbot-flow-design
Comparison tool designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill comparison-tool-design
Open source SKILL.mdSkill name: comparison-tool-design
Form strategyProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill form-strategy
Open source SKILL.mdSkill name: form-strategy
Interactive product tourProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill interactive-product-tour
Open source SKILL.mdSkill name: interactive-product-tour
Lead magnet designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill lead-magnet-design
Open source SKILL.mdSkill name: lead-magnet-design
Multi step form designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill multi-step-form-design
Open source SKILL.mdSkill name: multi-step-form-design
Onboarding wizard designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill onboarding-wizard-design
Open source SKILL.mdSkill name: onboarding-wizard-design
Product configurator designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill product-configurator-design
Open source SKILL.mdSkill name: product-configurator-design
Quiz and assessment designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill quiz-and-assessment-design
Open source SKILL.mdSkill name: quiz-and-assessment-design
Upgrade flow designProduct surfaces · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill upgrade-flow-design
Open source SKILL.mdSkill name: upgrade-flow-design
Beautiful shadowsLayout and grids · Meng To
$npx skills add https://github.com/MengTo/Skills --skill beautiful-shadows
Open source SKILL.mdSkill name: beautiful-shadows
Container linesLayout and grids · Meng To
$npx skills add https://github.com/MengTo/Skills --skill container-lines
Open source SKILL.mdSkill name: container-lines
Corner diagonalsLayout and grids · Meng To
$npx skills add https://github.com/MengTo/Skills --skill corner-diagonals
Open source SKILL.mdSkill name: corner-diagonals
Dither backgroundLayout and grids · Meng To
$npx skills add https://github.com/MengTo/Skills --skill dither-background
Open source SKILL.mdSkill name: dither-background
Framed grid layoutLayout and grids · Meng To
$npx skills add https://github.com/MengTo/Skills --skill framed-grid-layout
Open source SKILL.mdSkill name: framed-grid-layout
Nested container framesLayout and grids · Meng To
$npx skills add https://github.com/MengTo/Skills --skill nested-container-frames
Open source SKILL.mdSkill name: nested-container-frames
Brand guidelinesBrand and identity · Anthropic
$npx skills add https://github.com/anthropics/skills --skill brand-guidelines
Open source SKILL.mdSkill name: brand-guidelines
BrandBrand and identity · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand
Open source SKILL.mdSkill name: brand
BrandkitBrand and identity · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill brandkit
Open source SKILL.mdSkill name: brandkit
Generate reference inspired brand worldsBrand and identity · Meng To
$npx skills add https://github.com/MengTo/Skills --skill generate-reference-inspired-brand-worlds
Open source SKILL.mdSkill name: generate-reference-inspired-brand-worlds
Brand archetype systemBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill brand-archetype-system
Open source SKILL.mdSkill name: brand-archetype-system
Brand discoveryBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill brand-discovery
Open source SKILL.mdSkill name: brand-discovery
Brand ideationBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill brand-ideation
Open source SKILL.mdSkill name: brand-ideation
Brand style guideBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill brand-style-guide
Open source SKILL.mdSkill name: brand-style-guide
Brand voiceBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill brand-voice
Open source SKILL.mdSkill name: brand-voice
Creative briefBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill creative-brief
Open source SKILL.mdSkill name: creative-brief
Logo designBrand and identity · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill logo-design
Open source SKILL.mdSkill name: logo-design
BrandkitBrand and identity · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill brandkit
Open source SKILL.mdSkill name: brandkit
Brand design MDBrand and identity · SpaceZephyr
$npx skills add https://github.com/SpaceZephyr/brand-design-md --skill brand-design-md
Open source SKILL.mdSkill name: brand-design-md
AI graphic designBrand and identity · designrique
$npx skills add https://github.com/designrique/ai-graphic-design-skill --skill ai-graphic-design
Open source SKILL.mdSkill name: ai-graphic-design
Algorithmic artImages and assets · Anthropic
$npx skills add https://github.com/anthropics/skills --skill algorithmic-art
Open source SKILL.mdSkill name: algorithmic-art
Canvas designImages and assets · Anthropic
$npx skills add https://github.com/anthropics/skills --skill canvas-design
Open source SKILL.mdSkill name: canvas-design
Slack GIF creatorImages and assets · Anthropic
$npx skills add https://github.com/anthropics/skills --skill slack-gif-creator
Open source SKILL.mdSkill name: slack-gif-creator
Banner designImages and assets · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill banner-design
Open source SKILL.mdSkill name: banner-design
Image to codeImages and assets · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill image-to-code-skill
Open source SKILL.mdSkill name: image-to-code-skill
Imagegen frontend mobileImages and assets · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill imagegen-frontend-mobile
Open source SKILL.mdSkill name: imagegen-frontend-mobile
Imagegen frontend webImages and assets · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill imagegen-frontend-web
Open source SKILL.mdSkill name: imagegen-frontend-web
Aura asset imagesImages and assets · Meng To
$npx skills add https://github.com/MengTo/Skills --skill aura-asset-images
Open source SKILL.mdSkill name: aura-asset-images
Company logosImages and assets · Meng To
$npx skills add https://github.com/MengTo/Skills --skill company-logos
Open source SKILL.mdSkill name: company-logos
Solar duotone boldImages and assets · Meng To
$npx skills add https://github.com/MengTo/Skills --skill solar-duotone-bold
Open source SKILL.mdSkill name: solar-duotone-bold
Unsplash asset imagesImages and assets · Meng To
$npx skills add https://github.com/MengTo/Skills --skill unsplash-asset-images
Open source SKILL.mdSkill name: unsplash-asset-images
Media asset managementImages and assets · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill media-asset-management
Open source SKILL.mdSkill name: media-asset-management
Image to codeImages and assets · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill image-to-code
Open source SKILL.mdSkill name: image-to-code
Theme factoryDesign systems · Anthropic
$npx skills add https://github.com/anthropics/skills --skill theme-factory
Open source SKILL.mdSkill name: theme-factory
Design systemDesign systems · Next Level Builder
$npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill design-system
Open source SKILL.mdSkill name: design-system
Apply aestheticDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill apply-aesthetic
Open source SKILL.mdSkill name: apply-aesthetic
Design codeDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-code
Open source SKILL.mdSkill name: design-code
Design componentDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-component
Open source SKILL.mdSkill name: design-component
Design tokensDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-tokens
Open source SKILL.mdSkill name: design-tokens
Figma integrationDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill figma-integration
Open source SKILL.mdSkill name: figma-integration
GovernanceDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill governance
Open source SKILL.mdSkill name: governance
Migrate design systemDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill migrate-design-system
Open source SKILL.mdSkill name: migrate-design-system
Token buildDesign systems · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill token-build
Open source SKILL.mdSkill name: token-build
Full output enforcementAccessibility and quality · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill output-skill
Open source SKILL.mdSkill name: output-skill
Audit reference originalityAccessibility and quality · Meng To
$npx skills add https://github.com/MengTo/Skills --skill audit-reference-originality
Open source SKILL.mdSkill name: audit-reference-originality
Optimize web animationsAccessibility and quality · Meng To
$npx skills add https://github.com/MengTo/Skills --skill optimize-web-animations
Open source SKILL.mdSkill name: optimize-web-animations
Accessibility auditAccessibility and quality · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill accessibility-audit
Open source SKILL.mdSkill name: accessibility-audit
Competitor experience auditAccessibility and quality · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill competitor-experience-audit
Open source SKILL.mdSkill name: competitor-experience-audit
A11y auditAccessibility and quality · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill a11y-audit
Open source SKILL.mdSkill name: a11y-audit
Design QAAccessibility and quality · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-qa
Open source SKILL.mdSkill name: design-qa
Design reviewAccessibility and quality · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-review
Open source SKILL.mdSkill name: design-review
PerformanceAccessibility and quality · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill performance
Open source SKILL.mdSkill name: performance
Atmosphere backgroundCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill atmosphere-background
Open source SKILL.mdSkill name: atmosphere-background
CSS alpha maskingCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill css-alpha-masking
Open source SKILL.mdSkill name: css-alpha-masking
CSS border gradientCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill css-border-gradient
Open source SKILL.mdSkill name: css-border-gradient
Gooey blob systemCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill gooey-blob-system
Open source SKILL.mdSkill name: gooey-blob-system
Number detailsCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill number-details
Open source SKILL.mdSkill name: number-details
Progressive blurCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill progressive-blur
Open source SKILL.mdSkill name: progressive-blur
Tailwind CSSCSS craft · Meng To
$npx skills add https://github.com/MengTo/Skills --skill tailwindcss
Open source SKILL.mdSkill name: tailwindcss
Usability testingUX and research · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill usability-testing
Open source SKILL.mdSkill name: usability-testing
UX researchUX and research · Rampstack
$npx skills add https://github.com/rampstackco/claude-skills --skill ux-research
Open source SKILL.mdSkill name: ux-research
PrototypeUX and research · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill prototype
Open source SKILL.mdSkill name: prototype
UX writingUX and research · Thientan Soparat
$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill ux-writing
Open source SKILL.mdSkill name: ux-writing
Stitch design tasteWorkflow · Leon Lin
$npx skills add https://github.com/Leonxlnx/taste-skill --skill stitch-skill
Open source SKILL.mdSkill name: stitch-skill
Browser video recordingWorkflow · Meng To
$npx skills add https://github.com/MengTo/Skills --skill browser-video-recording
Open source SKILL.mdSkill name: browser-video-recording
Daily UI inspiration captureWorkflow · Meng To
$npx skills add https://github.com/MengTo/Skills --skill daily-ui-inspiration-capture
Open source SKILL.mdSkill name: daily-ui-inspiration-capture
HTML to interaction promptsWorkflow · Meng To
$npx skills add https://github.com/MengTo/Skills --skill html-to-interaction-prompts
Open source SKILL.mdSkill name: html-to-interaction-prompts
Stitched full page captureWorkflow · Meng To
$npx skills add https://github.com/MengTo/Skills --skill stitched-full-page-capture
Open source SKILL.mdSkill name: stitched-full-page-capture
Video to superpromptWorkflow · Meng To
$npx skills add https://github.com/MengTo/Skills --skill video-to-superprompt
Open source SKILL.mdSkill name: video-to-superprompt

1 · Read

Open the local skill page and understand what decisions it covers.

2 · Copy

Copy the source-specific command; it never defaults to Mono.

3 · Install

Run it from your project root and select your target agent.

Why the local page still says metadata-only: DesignMD keeps the editorial page and source metadata local; it does not redistribute upstream files. The install command fetches the verified artifact directly from its source repository, so each skill has an independent path and name.