Skip to content
Agentmart
Submit a tool

Agent skills for design in Claude Code

1,373 agent skills for design in the catalog list Claude Code as a supported host. These are the 15 that rank highest, ordered by adoption, freshness and documentation. ui-ux-pro-max, lark-apps and image lead the list. Claude Code reads them from .claude/skills/<name>/SKILL.md in the project, or ~/.claude/skills/<name>/ for every project. A skill is a folder with a SKILL.md file; Claude Code loads it when a task matches its description. Every listing links to its source and shows a freshness grade.

Updated Oct 26, 2026 · Built from catalog data; how we rank and grade

How to install in Claude Code

npx skills add <owner>/<repo> --skill <name> -a claude-code

Where it goes: .claude/skills/<name>/SKILL.md in the project, or ~/.claude/skills/<name>/ for every project.

The host's docs describe copying a folder with a SKILL.md into a skills directory; the npx skills command is a third-party shortcut for the same thing.

Each listing page has the exact command for that listing.

Top 15 of 1,373

  1. 1
    ui-ux-pro-max

    nextlevelbuilder

    UI/UX design intelligence for web, mobile, and desktop.

    • Repository has 139.9K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 139.9KLast active Oct 3, 2026Claude Code, Claude apps, Codex, Cursor +6

  2. 2
    lark-apps

    larksuite

    妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV…

    • Repository has 17.8K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 17.8KLast active Oct 13, 2026Claude Code, Claude apps, Codex, Cursor +6

  3. 3
    image

    coreyhaines31

    When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing…

    • Repository has 56.4K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 56.4KLast active Oct 19, 2026Claude Code, Claude apps, Codex, Cursor +6

  4. 4
    expo-design-system

    expo

    Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable…

    • Repository has 3K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 3KLast active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  5. 5
    design

    Yeachan-Heo

    Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth

    • Repository has 33.6K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 33.6KLast active Oct 24, 2026Claude Code, Claude apps, Codex, Cursor +6

  6. 6
    prototype

    vinvcn

    构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对，或探索 UI 应该长什么样时。

    • Repository has 5.2K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 5.2KLast active Oct 8, 2026Claude Code, Claude apps, Codex, Cursor +6

  7. 7
    claude-designer

    instructa

    Use Claude Code directly from Astra's current task to design or implement UI/UX and frontend work, with Astra owning sequencing, review, and integration.

    • Active in the last 30 days

    ★ 139Last active Oct 20, 2026Claude Code, Claude apps, Codex, Cursor +6

  8. 8
    figma-generate-library

    figmaOfficial

    Build or update a professional-grade design system in Figma from a codebase.

    • Published by the vendor
    • Repository has 2.1K stars
    • Active in the last 30 days

    ★ 2.1KLast active Oct 1, 2026Claude Code, Claude apps, Codex, Cursor +6

  9. 9
    figma-use-motion

    figmaOfficial

    Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration.

    • Published by the vendor
    • Repository has 2.1K stars
    • Active in the last 30 days

    ★ 2.1KLast active Oct 13, 2026Claude Code, Claude apps, Codex, Cursor +6

  10. 10
    ios-design-review

    garrytan

    Visual design audit for iOS apps on real hardware.

    • Repository has 137.5K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 137.5KLast active Oct 19, 2026Claude Code, Claude apps, Codex, Cursor +6

  11. 11
    design-with-images

    dzhng

    Explore UI and visual design with image generation, then iterate the real implementation against the user-selected concept.

    • Repository has 1.4K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 1.4KLast active Sep 30, 2026Claude Code, Claude apps, Codex, Cursor +6

  12. 12
    ui_design

    razzant

    Design or change anything people look at (app UI, widget, mockup, HTML page or report, chart, icon) so it fits the existing system, uses real content and…

    • Repository has 1.6K stars
    • Active in the last 30 days
    • Open source (MIT)

    ★ 1.6KLast active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6

  13. 13
    seed-migrate-component-docs-from-figma

    daangn

    Figma 문서 레이어에서 SEED 컴포넌트 가이드 MDX와 이미지를 만들거나 갱신할 때 사용한다.

    • Repository has 1.2K stars
    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 1.2KLast active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  14. 14
    seed-verify-figma-mcp-transports

    daangn

    Figma MCP 도구 변경 뒤 REST와 WebSocket 결과를 실제로 비교해 transport parity를 검증할 때 사용한다.

    • Repository has 1.2K stars
    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 1.2KLast active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  15. 15
    frontend-design

    anthropicsOfficial

    Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

    • Published by the vendor
    • Largest repository here (183,466 stars)

    ★ 183.5KLast active Sep 3, 2026Claude Code, Claude apps, Codex, Cursor +6

Related