agentsclimarketplace
Sign in

Design & frontend

16,188 rows, by stacks then stars

1,697 of these skill files have been read, by 1,179 distinct authors, and what they tell an agent counted. What Design & frontend authors agree on, and what they forbid

  • Design system extraction

    maiconlara/design-system-extraction Skill

    1★

    Extract design tokens (colors, typography, spacing, border radius, shadows, component states, motion) from any public website by reading its real CSS. WCAG-validates every contrast pair and outputs an implementation guide for coding agents. Agent skill for Claude Code, Cursor and claude.ai, plus a standalone contrast CLI.

  • Website analyzer skill

    buildwithvince-ai/website-analyzer-skill Skill

    no license1★

  • Ios color palette

    skullninja/skills/ios-design/skills/ios-color-palette Skill

    1★ repo

    Skills and agents for Claude Code

  • Skills

    2389-research/css-development/skills Skill

    1★ repo

    CSS development workflows with Tailwind composition, semantic naming, and dark mode by default

  • Elderly ui audit

    XuYuting133/elderly-ui-audit/skills/elderly-ui-audit Skill

    1★ repo

    Audit your page for elderly-friendliness

  • Mass deploy ux

    NerdBase-by-Stark/skill-forge/example-skills/mass-deploy-ux Skill

    1★ repo

    Gets your skills up to scratch the easy way, battle tested and WELL worth running if you use claude code! Confirm your skills are correct, find new ones, reasearch and creation all in 1 interactive window!

  • Reid miles design skill

    capsrock/reid-miles-design-skill Skill

    1★

    A Claude Skill for generating UIs and layouts in the Reid Miles / Blue Note jazz album cover style — bold cropped typography, duotone photography, and asymmetric grid compositions.

  • Accessibility

    RealDougEubanks/ClaudeMarketplace/skills/accessibility Skill

    1★ repo

    A community-driven collection of custom skills for Claude Code, Anthropic's CLI tool for software engineering with Claude.

  • Accessibility

    MartinOlivero/saas-builder/skills/accessibility Skill

    1★ repo

    Build a complete, secure SaaS end to end in Claude Code: prevention-first security (not audit), real Stripe payments (not just a catalog), and 15 lifecycle skills. Pairs with Superpowers — needs nothing else.

  • Design thinking

    ORBWEVA/dt-skill/skills/design-thinking Skill

    no license1★ repo

    Design Thinking skill for Claude Code — human-centered problem solving before you write code

  • Brand voice

    horizon-foundry/foundry/skills/brand-voice Skill

    1★ repo

    Claude Code skills for software delivery integrity: frame, document, instrument, and audit AI-built software before it ships, ending in a ship/no-ship verdict. From Horizon Foundry.

  • Brutal honest Skill

    Gakuseei/brutal-honest-Skill Skill

    no license1★

    Ruthless automated code review for any tech stack. 31+ frameworks, post-mortem verification, game dev support, anti-AI-slop detection.

  • Mass deploy ux

    NerdBase-by-Stark/claude-code-skills/mass-deploy-ux Skill

    1★ repo

    Battle-tested Claude Code skills — audited and refactored using skill-forge. PySide6, network discovery, Windows CI/CD, mass-deploy UX.

  • Plumbline

    suprenvb/plumbline Skill

    1★

    Honesty-first full-stack product partner skill for Claude Code: verify against reality, hunt silent failures, audit coverage, build-vs-buy.

  • Codelab handout

    unbias38/my-claude-skills/codelab-handout Skill

    1★ repo

    My collection of Claude Code skills

  • Wcag accessibility

    salawi45/skill-wcag-accessibility/wcag-accessibility Skill

    1★ repo

    A Claude skill for WCAG 2.2 AA accessibility — component advisor, test runner, issue reporter, and jurisdiction mapping for ADA, Section 508, EAA, and AODA

  • Design qa

    humbleteam/design-qa Skill

    1★

    Pre-ship design QA gate - contrast, touch targets, keyboard paths, breakpoints for any screen before it merges

  • Accessibility audit

    humbleteam/accessibility-audit Skill

    1★

    WCAG 2.2 accessibility audit skill for Claude Code - severity-ranked findings with success-criterion citations

  • Design brief

    humbleteam/design-brief Skill

    1★

    Extract a 5-bullet design brief from messy project inputs, with a gap report. A Claude Code skill.

  • Wnb compose animation

    wenubey/claude-android-skills/skills/wnb-compose-animation Skill

    1★ repo

    Reusable Claude Code skills for Android — Kotlin, Jetpack Compose, unit + UI testing, animations

  • Design review

    humbleteam/design-review Skill

    1★

    Claude Code skill: scored UX critique with Before/After/Why fixes and Nielsen/WCAG citations

  • Design handoff

    humbleteam/design-handoff Skill

    1★

    Turn a mockup into a dev-ready handoff spec: tokens, component states, accessibility notes, open questions

  • Product flow

    clownware/product-dev/plugin/skills/product-flow Skill

    1★ repo

    AI-assisted product development, from fuzzy idea to technical spec — a Claude Code plugin of guided UX-research prompt flows, skills, and a spec-compiling subagent.

  • Artifacts builder

    wrm3/ai_project_template/.claude/skills/artifacts-builder Skill

    1★ repo

    template for projects that you plan on having one or more different AI Assistants working in, and attempting to keep co-ordinated

  • Astrojs expert skill

    joncutrer/astrojs-expert-skill Skill

    no license1★

    HappyCapy skill for expert Astro (v5 + v6) guidance — Islands Architecture, Content Collections, Live Collections, SSR/SSG, integrations, and v6 migration

  • Roman cyber garage

    roman-rr/roman-cyber-garage Skill

    no license1★

    Dark cyberpunk design system skill for Claude Code, Codex & AI agents — production-tested theme with 30+ colors, 15+ components, copy-paste CSS

  • Ux laws

    rastian/ux-laws Skill

    1★

    Comprehensive skill teaching Laws of UX for prodct design and UI/UX evaluation.

  • LUME

    xedyx123/LUME Skill

    1★

    Teach Claude to build premium, animated, scroll-driven websites — not generic AI slop.

  • Skill

    iruhdam1/prefix-first-design/skill Skill

    1★ repo

    Session framework for AI-assisted design: cast a stable brief, explore against it, ship decisions with the work, check it still holds.

  • Building components

    caprica-Six/hyperliquid-insights-web/.agents/skills/building-components Skill

    1★ repo

    Modern crypto market dashboard with latest Next 16 Server Components, TypeScript, shadcn/ui, Tailwind, Dark/Light themes, CoinGecko API, AI-ready architecture

  • Devourer

    LoserLab/devourer Skill

    1★

    Devourer is a Claude skill that transforms color palettes into complete production-ready UI components.

  • Arch design

    wxxzy/Claude-Code-Software-Studios/.claude/skills/arch-design Skill

    1★ repo

    基于 Claude Code 的双模态软件开发工作室框架

  • Gridlock

    LoserLab/gridlock Skill

    1★

    GRIDLOCK is a Claude skill that extracts structured layout systems from design screenshots to build a complete layout system.

  • Slides

    jorgempenalva/slides Skill

    1★

    Claude Code skill: Generate branded presentations as PDF using Slidev. Auto-detects brand colors from your repo.

  • Angular scss bem standards skill

    mizok/angular-scss-bem-standards-skill Skill

    1★

    angular-scss-bem-standards-skill

  • Html theme

    dradis/dradis-claude/plugins/dradis-core/skills/html-theme Skill

    1★ repo

    Official, Dradis-managed directory of high quality Claude Code Plugins for Dradis Framework.

  • Animation patterns

    choxos/MathVizAgent/plugins/mathviz/skills/animation-patterns Skill

    1★ repo

  • Frontend llm output handler

    HaoliangCheng/skills/skills/frontend-llm-output-handler Skill

    1★ repo

    A collection of my personal created skills used for LLM

  • Amir salihefendic

    Chosen9115/design-board/skills/amir-salihefendic Skill

    1★ repo

    6 world-class design leaders critique your UI with brutal honesty — then fix it. Claude Code skills for Jony Ive, Amir Salihefendic, Jesse Patel, Joe Gebbia, Katie Dill & Notion Designer.

  • Playwright enterprise tester

    lopadova/playwright-enterprise-tester/skills/playwright-enterprise-tester Skill

    1★ repo

    Writing and run Enterprise-grade E2E tests automatically with claude and Playwright

  • Best practices check

    hparamore/essential-claude-skills-hparamore/fable-toolkit/skills/best-practices-check Skill

    no license1★ repo

    Essential Claude Skills I Use

  • Accessibility audit

    vikast908/agent-repo-card/skills/accessibility-audit Skill

    1★ repo

    Grade your AI-agent repo. One command, one report card — scored, evidence-backed reviews (reliability, security, prompts, evals, token cost, UX, accessibility) for AI/LLM apps.

  • Vibe coding prod

    mvp-imran/AISkills/vibe-coding-prod Skill

    1★ repo

    For Vibe Coding !

  • Accessibility

    OPN48/skills-apple-human-interface-guidelines/skills/apple-human-interface-guidelines/accessibility Skill

    no license1★ repo

    skills-apple-human-interface-guidelines 用于所有UI界面遵守苹果人机交互手册，包含PC、andorid、iOS、小程序的UI治理。by the way 其他营销号都是炒作，根本不懂UI设计。

  • Camera and photos

    heyimjames/ios-design-skills/plugins/heyimjames/skills/camera-and-photos Skill

    1★ repo

    Four detailed iOS/SwiftUI design-engineering skills for Claude Code, Cursor, Codex, Windsurf, Aider, Continue, and Zed — camera & photos, chat & messaging, interaction primitives (widgets/Live Activities/haptics), and the final 5% of polish.

  • 21st dev builder v2

    NafisRayan/100x-Agent-Toolkit/skills/21st-dev-builder-v2 Skill

    no license1★ repo

    A production-grade engineering toolkit for AI-assisted software development. Contains 168 specialized skill workflows (100 core + 68 GSD sub-skills), 142 expert agent personas, 24 design system specifications, 5 reference checklists, 84 slash commands, and 9 MCP server integrations.

  • Gutenberg layout

    iwritec0de/wp-dev/skills/gutenberg-layout Skill

    1★ repo

    WordPress development plugin for Claude Code

  • Data table design

    SkillMedev/document-studio/skills/data-table-design Skill

    1★ repo

    Slide decks, reports, models, and templates — every business document, done right.

  • Create visual readme

    MattModeCode/claude-skills/skills/create-visual-readme Skill

    1★ repo

    A growing library of my published Claude Code skills — drop one into ~/.claude/skills/ and go.

  • Bento layout director

    lightrainstech/claude-design-prompt-pack/skills/bento-layout-director Skill

    no license1★ repo

    Reusable Claude prompts for bento-grid visuals, brand files, mockups, and design workflows.

  • Atelier components

    luminary19/atelier/skills/atelier-components Skill

    no license1★ repo

    Atelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.

  • Project design

    alfred-intelligence/project-design-skill/skills/project-design Skill

    1★ repo

    Project design skill for Claude Code — assembles complete planning packages for software projects

  • Persona

    palusc/dotpersona/skills/persona Skill

    no license1★ repo

    🎭 Persona — role-based operating modes for Claude. Hire an expert, not a tool: each persona is a mindset, a method, a quality bar, and the skills to deliver.

  • Throughline

    ravipalwe/throughline-claude-skill/throughline Skill

    1★ repo

    A Claude Skill that turns messy UX research into a ranked, defensible product backlog — every item traced to a verbatim participant quote. Research synthesis and prioritization for solo designers and researchers.

  • Ux sentiment research

    jibbajabba/ux-sentiment-research Skill

    1★

    A Claude skill that pulls real UX sentiment about any company and turns it into interview talking points in 30 minutes

  • Award judge

    praveentewatia26/award-grade/skills/award-judge Skill

    1★ repo

    An award-grade AI design agency as composable Claude skills — 8 skills, one enforceable canon, and an adversarial judge that can refuse to ship. Eyes (evidence collector), memory (taste ledger), honesty (MEASURED/EMULATED/HUMAN).

  • Webcraft ui

    frankguodev/webcraft-skills/skills/webcraft-ui Skill

    1★ repo

    Webcraft Skills empowers AI to not only generate web pages, but also critique and perfect them — helping AI create interfaces that feel production-ready and aesthetically pleasing.

  • Create design guidelines

    itsjavi/skills/skills/create-design-guidelines Skill

    1★ repo

    Coding agent skills to help projects adopt spec-driven development with durable product memory documents

  • A11y

    Surfrrosa/claude-skills/a11y Skill

    1★ repo

    Free Claude Code audit toolkit: accessibility, performance, SEO, privacy, design, deploy safety, codebase audits. 14 slash commands, MIT licensed.

  • Award landing page

    popjam-io/skills/skills/award-landing-page Skill

    1★ repo

    Free agent skills for marketing, ads & creatives by POPJAM.IO — npx skills add popjam-io/skills