Interface
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
ideateopenai/pluginsGenerate image-based design directions and remixes from a product brief★7.6K
ideateGenerate image-based design directions and remixes from a product brief
magicpathopenai/pluginsSearch, install and author MagicPath UI components and themes for a repo★7.6K
magicpathSearch, install and author MagicPath UI components and themes for a repo
design-explorationBuilderIO/agent-nativeCompare side-by-side design directions and prototypes, then hand off to code★7.5K
design-explorationCompare side-by-side design directions and prototypes, then hand off to code
star-office-uiringhyacinth/Star-Office-UIDeploy a pixel office dashboard that visualizes agent status and team activity★7.5K
star-office-uiDeploy a pixel office dashboard that visualizes agent status and team activity
antislop-humanmiqdadbadjuber/anti-slopCheck contrast, keyboard focus and states so interfaces work for real people★7.4K
antislop-humanCheck contrast, keyboard focus and states so interfaces work for real people
antislop-layoutmobilemiqdadbadjuber/anti-slopKeep layouts, grids and tap targets working from phone to desktop screens★7.4K
antislop-layoutmobileKeep layouts, grids and tap targets working from phone to desktop screens
antislop-uimiqdadbadjuber/anti-slopGuide UI color, layout, components and motion away from generic AI styling★7.4K
antislop-uiGuide UI color, layout, components and motion away from generic AI styling
frontend-designsteipete/agent-scriptsDesign polished, non-generic frontend pages, apps and components★7.4K
frontend-designDesign polished, non-generic frontend pages, apps and components
uitw93/WazaBuild distinctive, screenshot-checked UI pages, components and typography★7.4K
uiBuild distinctive, screenshot-checked UI pages, components and typography
frontend-blueprinttech-leads-club/agent-skillsGather visual references, tokens and brand rules before generating frontend code★7.1K
frontend-blueprintGather visual references, tokens and brand rules before generating frontend code
add-shader-cursor-trailMengTo/SkillsAdd a WebGPU halftone cursor trail with ripples and grain to a hero section★7.1K
add-shader-cursor-trailAdd a WebGPU halftone cursor trail with ripples and grain to a hero section
ambient-section-particlesMengTo/SkillsAdd a restrained particle atmosphere to one page section with reduced-motion support★7.1K
ambient-section-particlesAdd a restrained particle atmosphere to one page section with reduced-motion support
animation-systemsMengTo/SkillsApply product-grade web motion with easing defaults, choreography and reduced-motion★7.1K
animation-systemsApply product-grade web motion with easing defaults, choreography and reduced-motion
atmosphere-backgroundMengTo/SkillsCreate a dark atmospheric background with drifting light folds and corner glow★7.1K
atmosphere-backgroundCreate a dark atmospheric background with drifting light folds and corner glow
audit-ai-design-slopMengTo/SkillsAudit designs for generic AI-generated cliches and established UI defects★7.1K
audit-ai-design-slopAudit designs for generic AI-generated cliches and established UI defects
background-grid-webglMengTo/SkillsCreate a perspective WebGL grid background with fading lines and slow drift★7.1K
background-grid-webglCreate a perspective WebGL grid background with fading lines and slow drift
beautiful-shadowsMengTo/SkillsApply layered Tailwind shadow utilities for refined card and panel elevation★7.1K
beautiful-shadowsApply layered Tailwind shadow utilities for refined card and panel elevation
build-daily-inspiration-sitesMengTo/SkillsTurn a daily UI inspiration capture into five distinct landing page builds★7.1K
build-daily-inspiration-sitesTurn a daily UI inspiration capture into five distinct landing page builds
container-linesMengTo/SkillsAdd vertical container guide lines with corner squares to structured web layouts★7.1K
container-linesAdd vertical container guide lines with corner squares to structured web layouts
corner-diagonalsMengTo/SkillsAdd diagonal-cut corners and chamfered edges to buttons, cards and panels★7.1K
corner-diagonalsAdd diagonal-cut corners and chamfered edges to buttons, cards and panels
corner-lasersMengTo/SkillsBuild a corner laser composition with thin beams, bloom and atmospheric fog★7.1K
corner-lasersBuild a corner laser composition with thin beams, bloom and atmospheric fog
daily-ui-inspiration-captureMengTo/SkillsBuild a recurring dated bundle of UI inspiration with screenshots and videos★7.1K
daily-ui-inspiration-captureBuild a recurring dated bundle of UI inspiration with screenshots and videos
design-first-ui-promptingMengTo/SkillsWrite skimmable, spec-driven prompts that produce consistent UI generation output★7.1K
design-first-ui-promptingWrite skimmable, spec-driven prompts that produce consistent UI generation output
documentary-brutalist-agencyMengTo/SkillsBuild brutalist agency and portfolio sites with billboard type and documentary images★7.1K
documentary-brutalist-agencyBuild brutalist agency and portfolio sites with billboard type and documentary images
editorial-portfolio-chaptersMengTo/SkillsBuild dark editorial portfolio sites where project work leads, in chapters★7.1K
editorial-portfolio-chaptersBuild dark editorial portfolio sites where project work leads, in chapters
editorial-service-bookingMengTo/SkillsBuild warm editorial booking sites for salons, spas, clinics and wellness studios★7.1K
editorial-service-bookingBuild warm editorial booking sites for salons, spas, clinics and wellness studios
framed-grid-layoutMengTo/SkillsCreate framed grid layouts with boundary lines, corner brackets and diagonal texture★7.1K
framed-grid-layoutCreate framed grid layouts with boundary lines, corner brackets and diagonal texture
glass-dark-uiMengTo/SkillsBuild dark glassmorphism interfaces with frosted cards and gradient borders★7.1K
glass-dark-uiBuild dark glassmorphism interfaces with frosted cards and gradient borders
html-demoMengTo/SkillsShow an app working in a Mac-style window drawn live in HTML instead of recorded★7.1K
html-demoShow an app working in a Mac-style window drawn live in HTML instead of recorded
html-to-interaction-promptsMengTo/SkillsTurn an HTML page into reusable interaction prompts with screenshot evidence★7.1K
html-to-interaction-promptsTurn an HTML page into reusable interaction prompts with screenshot evidence
nested-container-framesMengTo/SkillsBuild nested container frames with visible boundary lines and inset rounded panels★7.1K
nested-container-framesBuild nested container frames with visible boundary lines and inset rounded panels
no-ai-design-slopMengTo/SkillsPrevent generic AI design defaults and UI defects while building or reviewing screens★7.1K
no-ai-design-slopPrevent generic AI design defaults and UI defects while building or reviewing screens
number-detailsMengTo/SkillsAdd decorative 01, 02 and 03 numeric markers to section headings★7.1K
number-detailsAdd decorative 01, 02 and 03 numeric markers to section headings
operational-enterprise-aiMengTo/SkillsBuild enterprise AI product pages that explain approvals, audit trails and rollback★7.1K
operational-enterprise-aiBuild enterprise AI product pages that explain approvals, audit trails and rollback
paper-cinder-transitionMengTo/SkillsAdd a WebGL paper-burn page transition with a sweeping ember line★7.1K
paper-cinder-transitionAdd a WebGL paper-burn page transition with a sweeping ember line
reveal-hover-effectMengTo/SkillsBuild cursor spotlight reveals that show a second aligned image through a soft mask★7.1K
reveal-hover-effectBuild cursor spotlight reveals that show a second aligned image through a soft mask
shaders-cursor-ripplesMengTo/SkillsAdd cursor-following WebGPU water ripples over an image using the Shaders library★7.1K
shaders-cursor-ripplesAdd cursor-following WebGPU water ripples over an image using the Shaders library
skeuomorphic-uiMengTo/SkillsStyle web UI surfaces with skeuomorphic gradients, inset shadows and embossed text★7.1K
skeuomorphic-uiStyle web UI surfaces with skeuomorphic gradients, inset shadows and embossed text
unicorn-studioMengTo/SkillsEmbed and customize Unicorn Studio interactive animations on web pages★7.1K
unicorn-studioEmbed and customize Unicorn Studio interactive animations on web pages
vantajsMengTo/SkillsAdd animated Vanta.js WebGL backgrounds with tuned parameters and responsive resizing★7.1K
vantajsAdd animated Vanta.js WebGL backgrounds with tuned parameters and responsive resizing
video-to-superpromptMengTo/SkillsTurn a reference video into a detailed recreation prompt for UI and motion★7.1K
video-to-superpromptTurn a reference video into a detailed recreation prompt for UI and motion
webgl-landing-steeringMengTo/SkillsSteer WebGL landing page work toward premium, technical or cinematic visual goals★7.1K
webgl-landing-steeringSteer WebGL landing page work toward premium, technical or cinematic visual goals
webgl-laserMengTo/SkillsAdd a full-screen WebGL laser background with a white-hot core and smoky fog★7.1K
webgl-laserAdd a full-screen WebGL laser background with a white-hot core and smoky fog
sleek-design-mobile-appsmidudev/autoskillsDesign mobile app screens in Sleek and turn them into React Native or HTML★7K
sleek-design-mobile-appsDesign mobile app screens in Sleek and turn them into React Native or HTML
figmastagewise-io/stagewiseRead and edit Figma files through the REST API and live selection monitoring★6.8K
figmaRead and edit Figma files through the REST API and live selection monitoring
Previewstagewise-io/stagewiseCreate an interactive design preview that opens in a browser tab★6.8K
canvasKunAgent/KunCreate and edit design screens, shapes, layouts and motion on a canvas★6.3K
component-designKunAgent/KunApply a visual system, responsive behavior and accessibility to UI components★6.3K
component-designApply a visual system, responsive behavior and accessibility to UI components
cowart-open-canvaszhongerxin/CowartOpen or refresh the Cowart design canvas when you ask to see it★6K
cowart-open-canvasOpen or refresh the Cowart design canvas when you ask to see it
adaptfengshao1227/ccg-workflowAdapt a UI to new screen sizes with breakpoints, fluid layouts and touch targets★6K
adaptAdapt a UI to new screen sizes with breakpoints, fluid layouts and touch targets