Agent skills for Web and Digital Interface Designers

81 agent skills are labelled for Web and Digital Interface Designers work. They are listed by code score, out of 100.

All 81

figma-use Devin-AXIS/iPolloWork
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes co…

Verified90A
premium-web-design davila7/claude-code-templates
Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever…

87A
figma-designer elayadesign/ai-design-skills
Design inside Figma the way this designer does: real variables, text styles, auto layout and components, on a fixed visual system (Tailwind type and radius scale, spacing tokens,…

Verified87A
frontend-design-direction affaan-m/ECC
Set an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pages, visual tools, o…

Verified85A
web-design-engineer ConardLi/garden-skills
Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualiza…

Verified85A
unslop heydamir/unslop
Turns vibecoded, AI-looking UI into a designed interface with its own character. Finds a direction from the product itself, then fixes spacing, color, icons, copy, type, layout, d…

Verified85A
roblox-ui gamedev-skills/awesome-gamedev-agent-skills
Roblox UI with ScreenGui and PlayerGui: ResetOnSpawn, UDim2 scale and offset, UIListLayout flex, safe areas, StyleSheet, gamepad selection and touch controls. Use for Roblox HUDs,…

Verified84B
figma-generate-library Devin-AXIS/iPolloWork
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual compo…

Verified84B
figma-implement-design tech-leads-club/agent-skills
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). U…

Verified84B
auteur NousResearch/hermes-agent
Design and build cinematic, award-level web pages.

Verified83B
frontend-ui-engineering addyosmani/agent-skills
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG acc…

Verified83B
accessibility midudev/autoskills
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard n…

Verified83B
daily-ui-inspiration-capture MengTo/Skills
Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially for `articles/YYYY-MM-DD-ui-…

Verified82B
penpot-uiux-design github/awesome-copilot
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications…

Verified81B
web-design-reviewer github/awesome-copilot
This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI",…

Verified81B
figma-use openai/skills
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes co…

Verified81B
claude-design-system JimLiu/baoyu-design
Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as…

81B
site-architecture coreyhaines31/marketingskills
When the user wants to plan or restructure a website, or asks which pages they need or where something belongs: hierarchy, navigation, URL structure, internal linking, website bui…

Verified80B
form-cro davila7/claude-code-templates
When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or che…

Verified80B
choreograph emilkowalski/skills
Coordinate several elements that animate together — decide what moves, in what order, how much they overlap, and what stays still — so a group reads as one intentional motion inst…

79B
epic-design alirezarezvani/claude-skills
Use for any landing page, hero section or scroll-driven web design that should feel cinematic (parallax, scrollytelling, overlapping sections, text reveals, Apple-style animation)…

79B
seo-sxo AgriciDaniel/claude-seo
Diagnose search-experience and intent mismatches using SERP page types, user stories, and persona scoring. Use when ranking problems appear intent- or layout-driven.

79B
build-daily-inspiration-sites MengTo/Skills
Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites. Use when the user asks to turn the daily in…

79B
design-taste-frontend Leonxlnx/taste-skill
tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section…

78B
figma-implement-design davila7/claude-code-templates
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). T…

78B
design-system alirezarezvani/claude-skills
Use when setting up brand settings before the first markdown-to-HTML conversion, or changing them. Runs a 10-question onboarding with onboard.py (colors, fonts, style, TOC) and re…

78B
frontend-dev MiniMax-AI/skills
Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually str…

78B
figma-generate-design Devin-AXIS/iPolloWork
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma f…

78B
video-to-superprompt MengTo/Skills
Turn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the d…

78B
frontend-blueprint tech-leads-club/agent-skills
AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design tokens, typogr…

78B
accessibility affaan-m/ECC
Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, co…

77B
paperclip-capsules paperclipai/paperclip
Generate, implement, or review Paperclip capsule visuals. Use for capsule art, agent capsules, heartbeat status capsules, identicons, capsule banks, or brand-usage validation.

77B
design-mirror davila7/claude-code-templates
Replicate the visual style of any website and apply it to your existing codebase. Use this skill whenever the user wants to match a site's design, mirror a UI aesthetic, make thei…

77B
signup-flow-cro davila7/claude-code-templates
When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "…

77B
gestures emilkowalski/skills
Build drag, swipe, and sheet interactions that track the finger 1:1 and stay interruptible. Use when building or fixing anything the user drags, swipes, flings, holds, or dismisse…

76B
accessibility davila7/claude-code-templates
Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard n…

76B
form-cro alirezarezvani/claude-skills
Use when a lead, contact, demo or checkout form is underperforming or being designed, before changing fields. Scores field friction with form_field_analyzer.py. Signup forms: sign…

76B
impeccable yikart/AiToEarn
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend…

76B
stitch-loop google-labs-code/stitch-skills
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

76B
ui tw93/Waza
Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, components, or typography. Not for backend logic or data pipelines.

76B
visual-qa code-yeongyu/oh-my-openagent
Runs rigorous visual QA across web, terminal, and paginated surfaces: an Apple HIG-based checklist, paired light/dark captures at phone and desktop widths, screenshot evidence, an…

75B
ui-design-system alirezarezvani/claude-skills
Use when building a design system: tokens, component docs, responsive scales or developer handoff. Generates tokens with design_token_generator.py.

75B
figma-implement-design openai/skills
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "g…

75B
antislop-layoutmobile miqdadbadjuber/anti-slop
Mobile layout skill for antislop. Use for layouts that reflow across screen sizes, phone to desktop: grids, overflow, tap targets. Load with the core.

75B
expo-design-system expo/skills
Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with v…

75B
frontend-design-review microsoft/skills
Review and create distinctive, production-grade frontend interfaces with high design quality and design system compliance. Evaluates using three pillars: frictionless insight-to-a…

75B
understand-figma Egonex-AI/Understand-Anything
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"…

74B
apple-design emilkowalski/skills
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet inte…

74B
brand-landingpage wshobson/agents
Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with de…

74B
apple-hig-expert alirezarezvani/claude-skills
Use when designing or reviewing iOS, macOS, watchOS or visionOS UI against Apple's Human Interface Guidelines, including Liquid Glass, contrast and tap targets. Checks it with hig…

74B
antislop-ui miqdadbadjuber/anti-slop
UI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion, and page performance. Load with the core.

74B
glass-dark-ui MengTo/Skills
Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. Use when asked for glass cards, frosted dark h…

74B
accessibility tech-leads-club/agent-skills
Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard n…

74B
signup coreyhaines31/marketingskills
When the user wants better signup, registration, and trial start flows, or asks which fields or steps to cut or whether to require a card: SSO and drop-off before an account exist…

73B
a11y-audit alirezarezvani/claude-skills
Use for any accessibility audit or a11y fix (WCAG 2.2 A/AA, color contrast, compliance report, CI check) in React, Next.js, Vue, Angular, Svelte or HTML. Scans with a11y_scanner.p…

73B
product-research alirezarezvani/claude-skills
Use when planning or synthesizing user research: choosing the method, deciding how many participants, or turning coded notes into insights. Runs study_designer.py, saturation_plan…

73B
signup-flow-cro alirezarezvani/claude-skills
Use when signup, registration or trial-start conversion is low or a signup flow is being designed. Finds the drop-off step with funnel_drop_analyzer.py and removes friction field…

73B
figma-generate-design openai/skills
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma f…

73B
figma-implement-motion Devin-AXIS/iPolloWork
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion",…

73B
visual-style OpenMontageInc/OpenMontage
Create, extract, and apply portable visual design systems via visual-style.md files. Use when: (1) Creating a visual-style.md design system from scratch, (2) Extracting a visual s…

72B
ux-review Donchitos/Claude-Code-Game-Studios
Validate a UX spec, HUD design or pattern library — accessibility, GDD alignment, readiness. APPROVED / NOT ASSESSED / NEEDS REVISION / MAJOR REVISION NEEDED.

72B
accessibility-review anthropics/knowledge-work-plugins
Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast,…

72B
ui-ux-pro-max davila7/claude-code-templates
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Action…

72B
antislop miqdadbadjuber/anti-slop
Anti Slop: Rules for AI Coding Agents. The core filter. Load always to stop generic AI slop.

72B
antislop-human miqdadbadjuber/anti-slop
Human and accessibility skill for antislop. Contrast, keyboard, focus, states, and interaction affordances for real people. Includes the contrast checker.

72B
react-vite-dashboard google-labs-code/stitch-skills
Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

72B
figma-use-motion Devin-AXIS/iPolloWork
Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Load alongside figma-use whe…

72B
web-design-guidelines tech-leads-club/agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practi…

72B
wireframe paperclipai/paperclip
Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wirefram…

71B
prototype emilkowalski/skills
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Onl…

71B
remove-animations emilkowalski/skills
Find the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, functional data, and decoration with no purpose — then clean u…

71B
expo-native-ui midudev/autoskills
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive lay…

71B
find-animation-opportunities emilkowalski/skills
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it.…

70B
ux-copy anthropics/knowledge-work-plugins
Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming…

70B
Webdesign danielmiessler/LifeOS
Designs and integrates web interfaces via DirectDesign (inline, Anthropic frontend-design philosophy, the default) or NativeDesign (/design artboards plus /design-sync design-syst…

70B
landing-page-design elayadesign/ai-design-skills
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typograph…

70B
game-ui-ux gamedev-skills/awesome-gamedev-agent-skills
Engine-neutral design rules for game HUDs and menus: anchors and containers, scaling, safe areas, gamepad focus, HUDs driven by events instead of polling, and accessibility minimu…

70B
expo-native-ui expo/skills
Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive lay…

70B
web-design-guidelines OpenMontageInc/OpenMontage
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practi…

69C
web-design-guidelines davila7/claude-code-templates
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practi…

68C
figma-generate-library openai/skills
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/d…

65C

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.