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

  • Feature sliced design

    feature-sliced/skills/feature-sliced-design Skill

    no license78★ repo

    AI agent skills for applying Feature-Sliced Design (FSD) v2.1 in frontend projects.

  • NVIDIA Elements

    NVIDIA/elements/io.github.NVIDIA/elements MCP server

    78★ repo

    NVIDIA Elements UI design system and agent tools for AI/ML, robotics, and autonomous vehicles.

  • Music composition

    SJY051/music-composition Skill

    no license75★

    Modular music-composition skill for AI assistants — harmony, melody, form, 24+ genres.

  • Ai friendly web design

    ianho7/ai-friendly-web-design-skill/skills/ai-friendly-web-design Skill

    no license70★ repo

    A skill for coding agents that build, review, and refactor Web UI that should be easier for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate.

  • Accessibility testing

    petrkindlmann/qa-skills/skills/accessibility-testing Skill

    70★ repo

    50 QA and test-automation skills for Claude Code, Codex, Cursor, and any Agent Skills Standard runtime.

  • Frontend design system

    oikon48/cc-frontend-skills/skills/frontend-design-system Skill

    69★ repo

    Claude Code plugin for creating frontend UIs that avoid generic AI aesthetics. (Claude Skills is written in Japanese)

  • UI UX PRO MAX

    liyupi/github-claw/.agents/skills/UI-UX-PRO-MAX Skill

    no license68★ repo

    用 GitHub 打造 AI 智能体：长期记忆 + AI Agent 技能包（UI/UX、图片生成、SEO）+ GitHub Actions 自动化 + Copilot 编程 Agent，支持 Vibe Coding 快速孵化项目。

  • Bria ai

    Bria-AI/bria-skill/skills/bria-ai Skill

    no license63★ repo

    Claude Code skills for Bria AI - generate, edit, and transform images with Fibo, RMBG-2.0, and VGL structured prompts

  • Email html mjml

    framix-team/skill-email-html-mjml/email-html-mjml Skill

    62★ repo

    Claude Code skill — generate cross-client HTML email with MJML. Outlook-safe, Gmail-optimized, WCAG 2.1 AA accessible.

  • Cinematic ui

    akseolabs-seo/cinematic-ui Skill

    59★

    A reasoning-first cinematic web design skill. Makes AI think like a film director — research a real film, extract its visual language, translate it into page narrative and composition. Not a style picker. A director's workflow. 讓 AI 像電影導演一樣思考的網站設計 Skill。研究真實電影語言、轉譯成頁面敘事與構圖。不是風格選單，是導演工作流。

  • Sprite animation assets

    DwDestiny/codex-visual-asset-skills/skills/sprite-animation-assets Skill

    58★ repo

    Codex skills for transparent image assets and animation sprite sets

  • Mcp accessibility scanner

    JustasMonkev/mcp-accessibility-scanner/io.github.JustasMonkev/mcp-accessibility-scanner MCP server

    56★ repo

    MCP server for automated web accessibility scanning with Playwright and Axe-core.

  • Content wireframe

    jcottam/agent-resources/skills/design/content-wireframe Skill

    50★ repo

    Battle-tested agent skills and Cursor rules from real projects. Works with Cursor, Claude Code, and any agent.

  • Marmo ui

    mahmoudilyan/marmoui/io.github.mahmoudilyan/marmo-ui MCP server

    49★ repo

    Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.

  • Accessibility audit

    cuellarfr/design-skills/accessibility-audit Skill

    48★ repo

    UX and design skills for Claude Code — research, critique, accessibility, journey mapping and more.

  • Work with design systems

    natdexterra/work-with-design-systems Skill

    48★

    Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Phase 6 sync to tokens.css + AI rules.

  • Campaign conductor

    jvogan/a-fable-of-codexes/skills/campaign-conductor Skill

    47★ repo

    Claude Code skills that make Claude (Fable) the conductor of AI worker fleets: many parallel OpenAI Codex workers plus Opus design agents, organized into campaigns, waves, squads, and review gates.

  • Api and interface design

    nota-america/forgecat-agent-profiles/profiles/addyosmani/agent-skills/for-claude/.claude/skills/api-and-interface-design Skill

    46★ repo

    Production-ready AI agent profiles for Claude Code, Cursor, and Codex. Search, install, and contribute ForgeCat packages.

  • Skills

    frhscopex/design-skill-os/.cursor/skills Skill

    45★ repo

    The elite design intelligence layer for AI agents, synthesized from 10+ legendary design books. It primes your AI with the collective strategic wisdom of master designers to generate high-intent UI/UX with zero "schtick."

  • Getdesign

    MohtashamMurshid/getdesign/skills/getdesign Skill

    45★ repo

    On-demand design systems from any URL. Five surfaces, one agent: web, API, CLI, TypeScript SDK, and a portable agent skill that runs inside Claude Code, Codex, and Cursor.

  • Design red team audit

    Stanestane/game-design-skills-bundle/design-red-team-audit Skill

    no license44★ repo

    A public OpenClaw and ClawHub-ready bundle of game design skills for emotional direction, feature workflows, audits, FTUE, pitch decks, prototyping, and red-team design review.

  • Avoid ai design

    funboy322/avoid-ai-design Skill

    44★

    A Claude Code skill that audits AI-generated frontend and rewrites it to remove generic AI-slop design patterns (purple gradients, Inter, default shadcn). The design counterpart to avoid-ai-writing.

  • Qiaomu model cli

    joeseesun/qiaomu-model-cli Skill

    43★

    并发调用本机 Grok 4.5、Kimi K3 与 Claude Code，带实时心跳和独立日志 | Concurrent local model CLI orchestration with live progress and isolated logs.

  • A11y check

    haabe/mycelium/plugins/mycelium/skills/a11y-check Skill

    42★ repo

    AI made building cheap. It didn't make deciding cheap. Mycelium is a Claude Code harness that makes your agent run discovery and weigh evidence before it writes code. It earns the right to start. Built for software, courses, AI tools, and services.

  • Wordpress plugin dev

    Zulut30/Wordpress-skills/skills/wordpress-plugin-dev Skill

    42★ repo

    Professional Agent Skill for building, auditing, testing, and releasing modern WordPress plugins with Codex, Cursor, and Claude Code.

  • Wp block theme converter

    siddik-web/wp-block-theme-converter Skill

    41★

    A Claude skill for converting any HTML/CSS/JavaScript project into a production-ready WordPress Block Theme (Full Site Editing).

  • Motion lexicon

    Ryan-yang125/motion-lexicon/skills/motion-lexicon Skill

    40★ repo

    Open bilingual UI motion recipes for humans and agents.

  • Design md

    CaesiumY/ko-design-md/.claude/skills/design-md Skill

    40★ repo

    한국 브랜드 디자인 시스템을 Stitch v0.1 마크다운으로 정리한 오픈 카탈로그 — Open catalog of Korean design systems in structured markdown.

  • Flowbite mcp

    themesberg/flowbite-mcp/io.github.themesberg/flowbite-mcp MCP server

    40★ repo

    MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

  • Remotion motion graphics

    haidrrrry/claude-remotion-skill/remotion-motion-graphics Skill

    39★ repo

    Open-source Claude agent skill that teaches Claude Code, Claude Desktop & Claude AI to create and edit professional motion graphics videos with Remotion. AI video editing, B-roll, captions, sound design — from one prompt.

  • memi

    sarveshsea/memi/io.github.sarveshsea/memi MCP server

    39★ repo

    Design memory for coding agents: SwiftUI scaffolds, Figma tokens, shadcn codegen, and UI audits.

  • Memoire

    sarveshsea/m-moire/io.github.sarveshsea/memoire MCP server

    39★ repo

    Shadcn-native Design CI for Tailwind apps with registry export and MCP UI tools.

  • Stitch a11y

    gabelul/stitch-kit/skills/stitch-a11y Skill

    38★ repo

    Your coding agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, production components.

  • Algorithmic color palette

    dembrandt/dembrandt-skills/skills/algorithmic-color-palette Skill

    36★ repo

    Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

  • Designer

    manusco/resonance/.agents/skills/design/designer Skill

    36★ repo

    The Vibe Coding Operating System.

  • Frontend design

    CodelyTV/agentic_programming-course/04-skills/1-all_about_commands_skills/.agents/skills/frontend-design Skill

    35★ repo

    Agentic Programming with AI: Practical Fundamentals course examples

  • Avenox graphics

    avenoxai/avenoxskills/skills/avenox-graphics Skill

    35★ repo

    Production agent skills for Claude Code, Cursor, and any SKILL.md harness — Codex fleets, video pipeline, monorepo review bundles, multi-chain explorer.

  • Go style guide

    madflojo/go-style-agent-skill/skills/go-style-guide Skill

    35★ repo

    Agent Skill for writing Golang code

  • Ui sound design

    dannyjpwilliams/ui-sound-design-skill/skills/ui-sound-design Skill

    34★ repo

    Claude Code skill that translates plain-English sound descriptions into working Web Audio API and Tone.js code

  • Agent native architecture

    iliaal/ai-skills/skills/agent-native-architecture Skill

    33★ repo

    Curated collection of agent skills for AI coding assistants.

  • Ak Elementor Studio

    abanoubkhaliil/Ak-Elementor-Studio Skill

    32★

    A Claude AI skill that converts any design into production-ready WordPress Elementor templates

  • Amazing psycoder

    soupandpsy/amazing-psycoder-skills/amazing-psycoder Skill

    31★ repo

    AI skills for psychology experiment programming and data analysis, from task design and code generation to reproducible statistical workflows.

  • Ios accessibility validator

    gygantskiyMatilyock/ios-developer-agents/.claude/skills/ios-accessibility-validator Skill

    30★ repo

    AI Agents and Skills for iOS Developers

  • Ab test designer

    inbharatai/claude-skills/skills/ab-test-designer Skill

    28★ repo

    Curated Claude and Codex skill collection for local AI workflows, automation, research, and product-building.

  • Angular material developer

    mofirojean/angular-ui-skills/skills/angular-material-developer Skill

    28★ repo

    Agent skills that teach AI coding assistants how to build Angular apps with popular UI component libraries.

  • Webflow to react

    dmenchaca/webflow-to-react Skill

    27★

    Agent skill to migrate a Webflow site to React.

  • Accessibility aggregation

    ammawla/encode-toolkit/plugin/skills/accessibility-aggregation Skill

    26★ repo

    MCP server and Claude Plugin for a full ENCODE Project genomic data and analysis toolkit — search, download, track, and analyze functional genomics experiments

  • Game accessibility specialist

    AlterLab-IEU/AlterLab_GameForge/skills/agents/game-accessibility-specialist Skill

    26★ repo

    🎮 34 production-grade Claude Code skills for indie game development — studio agents, workflow skills, engine specialists, genre packs, and CI validation. From concept to launch.

  • Shadcn

    gabrielkuettel/vibekit/.agents/skills/shadcn Skill

    26★ repo

    The agentic stack for Algorand builders.

  • Ifq design skills

    peixl/ifq-design-skills/.well-known/agent-skills/ifq-design-skills Skill

    24★ repo

    Agent-native design skill: ordinary prompts -> verified HTML-first prototypes, decks, dashboards, motion demos, and export-ready visuals.

  • Refactoring ui

    jaywilburn/refactoring-ui-skill/skills/refactoring-ui Skill

    24★ repo

    Agent skill for professional UI design based on Refactoring UI principles. Covers hierarchy, typography, color, spacing, dark mode, forms, accessibility, and animation.

  • Mobbin

    mobbin/mobbin-mcp-server/com.mobbin/mobbin MCP server

    24★ repo

    Search real-world UI & UX design references for mobile apps, web apps, and websites with Mobbin.

  • Ux mcp server

    elsahafy/ux-mcp-server/io.github.elsahafy/ux-mcp-server MCP server

    24★ repo

    UX toolkit: 28 knowledge resources, 23 analysis tools & 4 workflow prompts for any MCP client

  • Animation vocabulary

    virastack/ai/.agents/skills/animation-vocabulary Skill

    23★ repo

    AI-native architecture kit for modern React — disciplined agent rules in one command.

  • Vibe to ui

    MonkeyUI-dev/vibe-to-ui Skill

    23★

    The design companion for vibe coders that knows your project better every time.

  • Stark

    f0d010c/stark Skill

    23★

    UI/UX design plugin for AI coding agents. Product flows, platform-native interfaces, asset planning, and reference analysis before code.

  • Theme factory addon

    patrickkrebs/theme-factory-addon Skill

    22★

    Expansion pack of 100 curated color/font themes for Anthropic's theme-factory skill — 14 categories (aesthetic, brands, code-editor, painters, film directors). Apache-2.0.

  • A11y

    byerlikaya/claude-starter-kit/claude-starter/skills/a11y Skill

    22★ repo

    Enterprise engineering workflow for Claude Code — not just prompts. AI agents that plan, build, audit, and ship with security gates, privacy checks, and approval-controlled commits. Safely adopt it into new or existing repositories.

  • Code format

    ursazoo/lanhu-to-code/skills/code-format Skill

    no license21★ repo

    蓝湖设计稿转前端代码的 Claude Code Skills 工具集 | Lanhu design-to-code workflow for Claude Code

  • Fec accessibility check

    bovinphang/frontend-craft/localized/zh-CN/skills/fec-accessibility-check Skill

    21★ repo

    frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.

Catalog - agentscli marketplace