Interface
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
animatefengshao1227/ccg-workflowAdd purposeful animations, micro-interactions and hover motion to a UI feature★6K
animateAdd purposeful animations, micro-interactions and hover motion to a UI feature
arrangefengshao1227/ccg-workflowFix layout, spacing and visual hierarchy so a UI feels balanced and deliberate★6K
arrangeFix layout, spacing and visual hierarchy so a UI feels balanced and deliberate
bolderfengshao1227/ccg-workflowMake a bland or overly safe interface bolder with stronger visual impact★6K
clarifyfengshao1227/ccg-workflowRewrite unclear UI labels, error messages and microcopy so they are easy to follow★6K
clarifyRewrite unclear UI labels, error messages and microcopy so they are easy to follow
colorizefengshao1227/ccg-workflowAdd strategic color to dull interfaces for a warmer, more expressive palette★6K
colorizeAdd strategic color to dull interfaces for a warmer, more expressive palette
critiquefengshao1227/ccg-workflowCritique a design for hierarchy, cognitive load and emotional impact with scores★6K
critiqueCritique a design for hierarchy, cognitive load and emotional impact with scores
delightfengshao1227/ccg-workflowAdd personality, small surprises and playful details that make a UI memorable★6K
delightAdd personality, small surprises and playful details that make a UI memorable
distillfengshao1227/ccg-workflowRemove visual clutter and unnecessary elements to leave a cleaner, focused UI★6K
distillRemove visual clutter and unnecessary elements to leave a cleaner, focused UI
frontend-designfengshao1227/ccg-workflowDesign polished frontends with OKLCH color, typography, motion and anti-slop rules★6K
frontend-designDesign polished frontends with OKLCH color, typography, motion and anti-slop rules
onboardfengshao1227/ccg-workflowDesign onboarding flows, empty states and first-run experiences that reach value fast★6K
onboardDesign onboarding flows, empty states and first-run experiences that reach value fast
polishfengshao1227/ccg-workflowFinal pass to fix alignment, spacing and micro-details before a UI ships★6K
polishFinal pass to fix alignment, spacing and micro-details before a UI ships
quieterfengshao1227/ccg-workflowCalm down loud, overstimulating designs while keeping them polished and usable★6K
quieterCalm down loud, overstimulating designs while keeping them polished and usable
typesetfengshao1227/ccg-workflowFix font choices, type hierarchy, sizing and weight so text reads intentionally★6K
typesetFix font choices, type hierarchy, sizing and weight so text reads intentionally
ui-ux-pro-maxGalaxy-Dawn/claude-scholarDesign and review UI with color, typography, accessibility and a clear design system★5.9K
ui-ux-pro-maxDesign and review UI with color, typography, accessibility and a clear design system
web-design-reviewerGalaxy-Dawn/claude-scholarInspect live websites visually to find layout, accessibility and responsive design issues★5.9K
web-design-reviewerInspect live websites visually to find layout, accessibility and responsive design issues
review-against-ai-patternsEverMind-AI/RavenScan finished visual work for AI-look patterns before delivery★5.9K
review-against-ai-patternsScan finished visual work for AI-look patterns before delivery
visual-artifact-designEverMind-AI/RavenSet the medium, phases and final-pixel checks for any human-facing visual artifact★5.9K
visual-artifact-designSet the medium, phases and final-pixel checks for any human-facing visual artifact
frontend-designcloudflare/vibesdkCreate distinctive, production-grade frontend pages, components and dashboards★5.4K
frontend-designCreate distinctive, production-grade frontend pages, components and dashboards
frontend-design-landing-pagecloudflare/vibesdkBuild conversion-focused landing pages with heroes, pricing, CTAs and footers★5.4K
frontend-design-landing-pageBuild conversion-focused landing pages with heroes, pricing, CTAs and footers
frontend-design-saascloudflare/vibesdkBuild SaaS dashboards, data tables, settings and billing UI with a polished style★5.4K
frontend-design-saasBuild SaaS dashboards, data tables, settings and billing UI with a polished style
agentation-self-drivingbenjitaylor/agentationAuto-annotate a web page with design critique feedback in the browser★5.1K
agentation-self-drivingAuto-annotate a web page with design critique feedback in the browser
qt-ui-designmavlink/qgroundcontrolDesign and audit Qt, web and embedded screens for layout, navigation and UX★5.1K
qt-ui-designDesign and audit Qt, web and embedded screens for layout, navigation and UX
generate-presetdtyq/magicGenerate custom CSS and JS style presets for social cards from a description★5.1K
generate-presetGenerate custom CSS and JS style presets for social cards from a description
frontend-designOpenBMB/PilotDeckDesign frontend pages with clear hierarchy, spacing, color and responsive layouts★4.9K
frontend-designDesign frontend pages with clear hierarchy, spacing, color and responsive layouts
web-design-guidelinesOpenBMB/PilotDeckReview UI for readability, spacing, responsive layout, empty states and accessibility★4.9K
web-design-guidelinesReview UI for readability, spacing, responsive layout, empty states and accessibility
design-critiquekirodotdev/KiroCrewCritique a UI design for hierarchy, usability, accessibility and content★4.6K
design-critiqueCritique a UI design for hierarchy, usability, accessibility and content
frontend-design-workflowkirodotdev/KiroCrewPresent mockup options before coding UI changes and check them for usability★4.6K
frontend-design-workflowPresent mockup options before coding UI changes and check them for usability
living-uikirodotdev/KiroCrewDesign motion, layout and accessibility for animated interactive widgets and pages★4.6K
living-uiDesign motion, layout and accessibility for animated interactive widgets and pages
visual-editBuilderIO/skillsOpen a running local app in a shared design preview and edit it together★4.6K
visual-editOpen a running local app in a shared design preview and edit it together
baoyu-designJimLiu/baoyu-designCreate self-contained HTML mockups, prototypes, landing pages, decks and wireframes★4.5K
baoyu-designCreate self-contained HTML mockups, prototypes, landing pages, decks and wireframes
lavishkunchenguid/lavish-axiTurn plans, diffs and reports into reviewable HTML pages the user can annotate★4.3K
lavishTurn plans, diffs and reports into reviewable HTML pages the user can annotate
octopus-ui-ux-designnyldn/claude-octopusDesign UI and UX systems with style guides, palettes, typography and specs★4.3K
octopus-ui-ux-designDesign UI and UX systems with style guides, palettes, typography and specs
skill-visual-feedbacknyldn/claude-octopusTurn screenshot feedback on UI bugs into concrete visual fixes★4.3K
skill-visual-feedbackTurn screenshot feedback on UI bugs into concrete visual fixes
make-interfaces-feel-betterjakubkrehel/make-interfaces-feel-betterPolish UI components with shadows, borders, type, icons and micro-interactions★3.8K
make-interfaces-feel-betterPolish UI components with shadows, borders, type, icons and micro-interactions
big-pics-little-wordsplannotator/effective-htmlExplain a subject in a self-contained HTML page with big visuals and little text★3.8K
big-pics-little-wordsExplain a subject in a self-contained HTML page with big visuals and little text
design-artifactplannotator/effective-htmlSet design principles for HTML pages and reports including palette and type pairing★3.8K
design-artifactSet design principles for HTML pages and reports including palette and type pairing
htmlplannotator/effective-htmlCreate or redesign self-contained single-file HTML pages shaped by the brief★3.8K
htmlCreate or redesign self-contained single-file HTML pages shaped by the brief
html-prototypeplannotator/effective-htmlBuild responsive, interactive HTML mockups and prototypes grounded in a product style★3.8K
html-prototypeBuild responsive, interactive HTML mockups and prototypes grounded in a product style
html-wireframeplannotator/effective-htmlBuild low-fidelity HTML wireframes to test hierarchy, navigation and task flow★3.8K
html-wireframeBuild low-fidelity HTML wireframes to test hierarchy, navigation and task flow
anti-ui-slopdavepoon/buildwithclaudeDesign web and iOS UI against real product screens to avoid generic looks★3.7K
anti-ui-slopDesign web and iOS UI against real product screens to avoid generic looks
design-wizarddavepoon/buildwithclaudeGuide a frontend design from discovery and aesthetic choice to production code★3.7K
design-wizardGuide a frontend design from discovery and aesthetic choice to production code
inspiration-analyzerdavepoon/buildwithclaudePull colors, typography and layout patterns from sites for design inspiration★3.7K
inspiration-analyzerPull colors, typography and layout patterns from sites for design inspiration
ios-hig-design-guidedavepoon/buildwithclaudeWrite iOS design specs and check UI against Apple Human Interface Guidelines★3.7K
ios-hig-design-guideWrite iOS design specs and check UI against Apple Human Interface Guidelines
macos-designdavepoon/buildwithclaudeDesign and build native-feeling macOS app interfaces that look like Mac software★3.7K
macos-designDesign and build native-feeling macOS app interfaces that look like Mac software
oiloil-ui-ux-guidedavepoon/buildwithclaudeReview UI and UX with CRAP principles, task-first flows and a design checklist★3.7K
oiloil-ui-ux-guideReview UI and UX with CRAP principles, task-first flows and a design checklist
trend-researcherdavepoon/buildwithclaudeResearch current UI and UX trends from design communities and Dribbble★3.7K
trend-researcherResearch current UI and UX trends from design communities and Dribbble
concept-demo-designzts212653/clowder-aiTurn product concepts and user journeys into clickable demos and interaction storyboards★3.5K
concept-demo-designTurn product concepts and user journeys into clickable demos and interaction storyboards
guide-authoringzts212653/clowder-aiAuthor step-by-step in-app guide flows as YAML with tags and validation★3.5K
guide-authoringAuthor step-by-step in-app guide flows as YAML with tags and validation
pencil-designzts212653/clowder-aiCreate and edit .pen design files with Pencil and export them as React code★3.5K
pencil-designCreate and edit .pen design files with Pencil and export them as React code
rich-messagingzts212653/clowder-aiDeliver images, audio, cards, diffs and interactive choices directly in chat★3.5K
rich-messagingDeliver images, audio, cards, diffs and interactive choices directly in chat