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

  • Wechat editorial layout skill

    niuer/wechat-editorial-layout-skill Skill

    no license5★

    一个用于公众号文章排版的 Agent Skill，可将 Markdown、Word 和纯文本整理成可直接粘贴到微信公众号编辑器的 HTML。

  • Bold typography ig post skill

    software-ai-life/Awesome-IG-Design-Skills/bold-typography-ig-post-skill Skill

    no license5★ repo

    Reusable Instagram design skills for AI agents, focused on high-quality 4:5 social post aesthetics, style systems, cover references, and visual QA.

  • Creator character designer

    ilkaydemiralay/vision_art_creator/skills/creator-character-designer Skill

    5★ repo

    AI film-production skill pack for Claude Code — 11 creator-* skills covering every department from screenplay to final cut. Docs in 12 languages.

  • Bundle

    juanlara-aidev/macos-26-design/bundle Skill

    no license5★ repo

    macOS 26 (Liquid Glass) como skill drop-in para Claude Code, Cursor y Gemini CLI.

  • Accessibility

    figueroaignacio/ignaciofigueroa.dev/.agents/skills/accessibility Skill

    5★ repo

    My portfolio. Use the AI assistant, don't waste your time exploring

  • Color font skill

    martgueritainaccurate875/skills/plugins/pptx-plugin/skills/color-font-skill Skill

    5★ repo

    Power AI coding agents with structured skills for frontend, fullstack, mobile, and shader development

  • Ill communication

    alexconner-79/ill-communication Skill

    5★

    UX writing skill for Claude. Humanizes AI copy, fixes microcopy, kills em dashes. Writing, not fighting.

  • Character design

    khanhhuyenngo985-sys/character-scene-design-skills/skills/character-design Skill

    no license5★ repo

    通用角色与场景设计技能包：角色资产、身高比例锁、三视图一致性、服装状态、道具锚点、场景动线与 AI 图像/视频提示词流程

  • Kroki diagrams

    smoldrago/kroki-diagrams/plugins/kroki-diagrams Skill

    5★ repo

    Agent skill for generating clean Kroki diagrams, interactive SVG viewers, and auto-built diagram indexes.

  • Amadeus application design

    amadeus-dlc/amadeus/.agents/skills/amadeus-application-design Skill

    5★ repo

    Agent skills, templates, examples, validators, and docs for operating Amadeus DLC, a lifecycle contract for AI driven software development.

  • App screenshot studio

    nicolocurioni96/withnico-skills/.cursor/skills/app-screenshot-studio Skill

    5★ repo

    Open source Claude Code agent skills for iOS developers and content creators on Mac

  • Web a11y authoring

    klovaaxel/web-a11y-agent-skills/skills/web-a11y-authoring Skill

    5★ repo

    Framework-agnostic web accessibility skills and Cursor subagents for AI coding agents.

  • 00 discovery

    IncommensurableHubris/fullstack-director/.agents/skills/00-discovery Skill

    5★ repo

    Spec-first, cross-harness SDLC skills framework — one director, AI agents, a living spec spine

  • Lanhu design mcp

    blantian/lanhu-design-mcp/io.github.blantian/lanhu-design-mcp MCP server

    5★ repo

    Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units

  • Design token bridge mcp

    kenneives/design-token-bridge-mcp/io.github.kenneives/design-token-bridge-mcp MCP server

    5★ repo

    Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

  • Visily UI Design

    visily-app/mcp-plugins/io.github.visily-app/visily MCP server

    no license5★ repo

    UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.

  • Brand design

    rfxlamia/pocketto/skills/brand-design Skill

    4★ repo

    A middleweight workflow for serious AI-coded features: less ceremony than BMAD, more accountability than Superpowers. Source : Trust Me Bro.

  • Design auditor

    billhector/design-skills/skills/design-auditor Skill

    4★ repo

    Claude Code skills for extracting design systems from websites and auditing existing projects — with Tailwind v4 theme generation and WCAG accessibility checks

  • Lottie design

    enegaltech/lottie-marketplace/plugins/lottie-design/skills/lottie-design Skill

    no license4★ repo

    Free Lottie animations skill for Claude Code — search, fetch, embed in React, RN, Flutter, Vanilla.

  • Skill

    superyhee/hypr-video-skills/skill Skill

    no license4★ repo

    A Claude Code Skill that turns natural language into rendered MP4 videos — animations, transitions, captions, 50+ effects, all from your terminal via npx.

  • Figma design.example

    Mfrostbutter/skill-forge/examples/figma-design.example Skill

    4★ repo

    Turn complex AI workflows into reusable Claude skills. Capture the lessons to a tagged journal that survives context resets, then crystallize it into a validated skill.

  • Accessibility linter

    designedbysom/accessibility-linter Skill

    4★

    accessibility-linter is a Claude skill that reviews accessibility mid-design, as a craft challenge, not a compliance audit.

  • Mobile ui replicator

    Neilander/mobile-ui-replicator Skill

    no license4★

    把手机 UI 截图复刻成可交互 HTML 的 Claude Code skill · A Claude Code skill that replicates mobile UI screenshots into interactive HTML demos

  • Ppt design skill

    billLiao/PPT-Design-Skill/skills/ppt-design-skill Skill

    no license4★ repo

    融合多种PPT设计风格，直接生成PPT文件而不是HTML

  • Ui craft

    s5uy/ui-craft Skill

    4★

    Premium UI/UX generation skill for Claude — anti-gradient, anti-slop, hierarchy-first. A VIBECODERS DREAM

  • Brandbook skill

    echowang97/brandbook-skill Skill

    4★

    Claude Code & Codex skill: turn any website URL into a complete brand system — design tokens, brand guidelines book, and a proof landing page. Token-efficient, brand-first alternative to hue.

  • Frontend slides

    dreamid27/frontend-slides Skill

    4★

    Claude Code skill for stunning, animation-rich HTML presentations — 88 layout presets + 34 bold templates. Build slides from scratch or convert PowerPoint into a single self-contained HTML file. No build step, no dependencies.

  • Accessibility review

    Amey-Thakur/AI-SKILLS/skills/accessibility/accessibility-review Skill

    4★ repo

    Plug-and-play skills and prompts for every AI coding agent

  • Harness design

    zanwei/harness-design/skills/harness-design Skill

    4★ repo

    Design DNA Phase 3 verification harness — scores fidelity (tokens, style, effects) and drives a correction loop until ship-ready.

  • Ckw design skill

    connerkward/ckw-design-skill Skill

    4★

    ckw-design — Conner K. Ward's frontend design skill for Claude Code: direction, design system, visual philosophy.

  • Ai agent design

    05-deepak-patidar/claude-skills/ai-agent-design Skill

    4★ repo

    24 battle-tested, model-agnostic Agent Skills that turn any AI coding assistant into a disciplined senior engineer — security, deployments, databases, payments, multi-tenancy, testing, AI engineering & more. Works with Claude Code, portable to Cursor/Codex.

  • Agent design

    tienenwu/fables/agent-design Skill

    4★ repo

    Self-evolving skill packs that give Claude Code & Codex judgment, not knowledge — decidable rules, per-playbook regression quizzes for models, and a project harness generator. zh-TW canon + full EN mirror.

  • Design psychology skill

    Fh-Ndiritu/design-psychology-skill Skill

    4★

    A Claude skill that audits or builds any website/UI against ~60 research-backed conversion & design-psychology principles. Auto-detects live URL vs local code.

  • Api designer

    Kshitijpalsinghtomar/depth-skills/skills/api-designer Skill

    4★ repo

    Cognitive architecture for AI agents. 19 skills that force language models past surface-level reasoning into genuine depth. Compatible with Claude Code, Cursor, Gemini CLI, Copilot, and any agent that reads markdown.

  • Modern frontend design

    deveshpunjabi/modern-frontend-skill/skills/modern-frontend-design Skill

    4★ repo

    A skill for coding agents that transforms vague UI requests into polished, production-quality frontends.

  • Layout discipline

    crazyzlnofficial/layout-discipline/layout-discipline Skill

    4★ repo

    Layout Discipline · 排版规范 ：一个给 AI 写网页 / HTML 用的 Agent Skill——统一字号档位、4px 间距栅格、卡片规范与颜色变量，附零依赖自动体检脚本。An Agent Skill that enforces layout rules on AI-generated HTML: a fixed type scale, 4px spacing grid, card specs, color tokens, and a zero-dependency check script.

  • Design system skill

    Cash4478/design-system-skill Skill

    4★

  • Style guide

    khshanovskyi/custom-agent-skills/agent_demo/_skills/style-guide Skill

    no license4★ repo

    Project to demonstrate custom implementation of agent skills

  • Pretext frontend motion

    HongMing-Huang/pretext-frontend-motion Skill

    4★

    Multi-CLI skill bundle and npm CLI for Pretext-driven text layout, typography, and frontend motion.

  • Atai design system

    archetypeai/agent-skills/skills/atai-design-system Skill

    4★ repo

    Agent skills for building with Archetype AI's Newton — sensor intelligence via /query (fusion, Omega embeddings, data prep, design system)

  • One shot ui

    TN0123/one-shot-ui/io.github.TN0123/one-shot-ui MCP server

    4★ repo

    Deterministic UI extraction and screenshot diffing for AI coding agents.

  • Agentic Design System

    aa-on-ai/agentic-design-system/io.github.aa-on-ai/agentic-design-system MCP server

    4★ repo

    Render web and SwiftUI evidence, run explicit visual judgment, and trace ADS UI decisions.

  • Analyze

    lantisprime/claude-sdlc/skills/analyze Skill

    3★ repo

    A governance layer for AI-assisted software delivery. Plan, scope, approve, build, test, release — with human sign-off at every gate.

  • Creo

    oyusypenko/creo/creo Skill

    3★ repo

    AI-powered design review, UX analysis, SEO audit, content generation, DevOps & testing toolkit for Claude Code. 12 skills, 12 parallel subagents. One-liner install.

  • Accessibility

    aneja5/forge-skills/skills/accessibility Skill

    3★ repo

    An assembly line for AI software development. 35 skills, 11 agent personas, 29 commands. From raw idea to shipped code.

  • Skill WinCreator

    winterbim/wincreator/skill/Skill_WinCreator Skill

    3★ repo

    Stop your AI agent from lying about tests. Hierarchical engineering loops with machine-checkable proof gates.

  • Rbsmithy

    gogolumo/rbsmithy-roblox-claude-skill/skills/rbsmithy Skill

    no license3★ repo

    A Claude Skill that turns Claude Code into a Roblox game development assistant for Luau, Rojo, multiplayer systems, 3D assets, optimization, QA, and production-ready Roblox releases.

  • Frontend design

    yahor-punko/mavericks-os/.agents/skills/frontend-design Skill

    no license3★ repo

    Orchestrate Claude Code sub-agents across long-running, single- or multi-repo projects. Artifact-first state, task lifecycle, cross-repo dependencies and QA gates that survive every session - not buried in chat history.

  • Design fidelity verify

    jeltehomminga/figma-design-skills/skills/design-fidelity-verify Skill

    3★ repo

    Two composable Claude Code skills for design-to-code fidelity: extract exact specs from Figma, then verify the running web or mobile app matches them.

  • Design blog hero

    slogsdon/skills-design/skills/design-blog-hero Skill

    3★ repo

    Twenty-three brand-agnostic design templates for Claude Code: LinkedIn, Instagram, YouTube, Twitch, blog hero, podcast.

  • Brandkit

    Darcos-Loft/fluid/brandkit Skill

    3★ repo

    Anti-generic design skills for AI agents: fluid (motion) + design-system (identity) + a deterministic detector. Extracted from production.

  • Css i18n

    globalize-now/globalize-skills/skills/css-i18n Skill

    3★ repo

    Set of skills for globalizing and localizing app

  • Ui android

    rshzrh/ui-design-skills/skills/ui-android Skill

    3★ repo

    Claude Code skills that replace "make it clean and modern" with named anchor recipes, design tokens, and a slop-detection checklist. Web, iOS, Android.

  • Kroki editorial diagrams

    LabinatorSolutions/kroki-editorial-diagrams/skills/kroki-editorial-diagrams Skill

    3★ repo

    A unified diagramming skill for Claude Code and Antigravity IDE (Gemini CLI). It pairs multi-engine diagrammatic DSLs (PlantUML, C4, D2, Mermaid, Graphviz, ERD, BPMN) with editorial design guidelines, producing interactive SVG viewers, dark-mode gallery indexes, and shareable Kroki URLs — all from a single Python-backed skill.

  • Image prompt

    veryCoolTimo/imagegen-skills/skills/image-prompt Skill

    3★ repo

    Turn a one-line idea into a production-grade, copy-paste-ready AI image prompt for posters, landing and UI mockups, ads, game art, and logos. A Claude Code skill optimized for gpt-image-2. MIT.

  • Plugin

    YunyueLi/claude-design-stack/plugin Skill

    no license3★ repo

    One command installs a curated set of Claude Code design skills — plus a decision table for which skill to use when.

  • Super design

    Eldergenix/SUPER-DESIGN/skill/skills/super-design Skill

    3★ repo

    SUPER-DESIGN.md

  • Architecture auditor

    harryl6798/vc-diligence-skill/skills/architecture-auditor Skill

    no license3★ repo

  • Naive design

    AgentsORG/naive-design/skills/naive-design Skill

    no license3★ repo

    Naive design as an agent skill — warm, intentionally-imperfect aesthetic; the disciplined complement to design-engineering. Encodes Amir Mušić's 2026 thread.

  • Ai ui ux motion engine

    OpaceDigitalAgency/skills/skills/ai-ui-ux-motion-engine Skill

    3★ repo

    Open AI Agent Skills for website design, UI/UX, motion graphics, 3D web, accessibility and future SEO workflows across Codex, Claude Code, Cursor, Copilot, Antigravity, Gemini, Windsurf and more.