AgentRank

Trending /

Trending: Design

UI, UX, Figma, slides and visual design agents.

Vibe codingCodingDesignCopywriting & contentEditingMarketing & salesDecision making & researchMulti-agent setupsGeneral assistants

#AgentMade byStars since Oct 12ScoreStars
🥇taste-skillAgent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pagesLeonxlnx+4,1449899.1k
🥈ux-ui-agent-skillsTurn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.plugin87+774522.4k
🥉anti-slopRules for an AI coding agent to filter out generic AI-generated UI designs, text, and code.miqdadbadjuber+578736.5k
4transitions.devUI motion agent, a library of 43+ crafted transitions, a skill that fits your workflow.Jakubantalik+545545.4k
5oil-uiUI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。oil-oil+481541.8k
6scroll-craftAn agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.nateherkai+436613.7k
7superdesignAI Product Design Agent - Open Sourcesuperdesigndev+391467.5k
8appllama-skillsA builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.Appllama+341462.9k
9superdesign-skillThe design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.devsuperdesigndev+19131842
10pr-lensReview code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or a Skill for your coding agentcoldteadotai+185532.1k
11garden-skillsConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.ConardLi+1578113.0k
12claude-motionA motion design toolkit for coding agents.whaleyxbt+15642495
13fallowCodebase intelligence for TypeScript and JavaScript. Health, complexity hotspots, duplication, architecture boundaries, circular dependencies, design-system drift, and unused code, from one graph. CLI, GitHub Action, LSP, MCP, and VS Code. Rust, MIT licensed.fallow-rs+143615.2k
14tempad-devCreate, edit, and implement Figma designs with your coding agent.ecomfe+12838639
15baoyu-designRun Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.JimLiu+114594.4k
16dembrandtExtract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.dembrandt+105523.7k
17dsh-mobileDeepSeek Harness Mobile 是一个面向 DeepSeek Harness 的原生 iOS 客户端。它通过 dsh-plugin-mobile-gateway 与 Harness 建立 WebSocket 连接,将工作区、会话、实时回复和 Agent 执行轨迹带到 iPhone,同时延续 DeepSeek WebUI 克制、清晰的视觉语言Clarklevis1995+8843568
18astryxAn open source design system that's fully customizable and agent readyfacebook+868313.7k
19figwrightFree, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.awdr74100+82451.1k
20figma-console-mcpYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.southleft+77472.5k
21design.mdA format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.google-labs-code+759128.4k
22agentationThe visual feedback tool for agents.benjitaylor+75505.0k
23loop-engineeringPractical patterns, starters & CLI tools for loop engineering with AI coding agents. Design systems that prompt and orchestrate agents (inspired by Addy Osmani and Boris Cherny). Includes loop-audit, loop-init, loop-cost.cobusgreyling+728511.6k
24ai-system-designAI System Design - Learn how to design AI systems built on LLMs, RAG, and AI Agents step by step.amitshekhariitbhu+6849725
25designer-skillsDesigner Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.Owl-Listener+68463.0k
26lintAn agent-first linter for Tailwind design systems. Write design system rules that agents can verify.shadcn-ui+50563.2k
27kdaKernel Design Agents (KDA) is a agent-centric workflow to write high-performance CUDA Kernels.NVlabs+50371.4k
28tastecodePersonal Harness - a beautiful, adaptive control panel for AI coding agents. Windows-first, design-agent powered.Leonxlnx+3940375
29game-ui-design-workflow一套面向游戏 UI 设计的 Cursor Agent Skills 工作流,覆盖原型视觉生成、风格切换、页面延展与组件拆解,并通过 Spec-Kit 文档、视觉契约和资源清单保证多页面一致性与可交付性。guiguiyan930-source+3730325
30Figma-Context-MCPMCP server to provide Figma layout information to AI coding agents like CursorGLips+338216.0k
31doopThe open-source alternative to Paper.design. A multiplayer design canvas where humans and AI agents design together, live. MCP built in.kgoedecke+3348880
32oh-my-pptDescribe what you need — a presentation, lesson, or story — and let the AI build clean, beautiful HTML slides for you. Local-first. Works offline. Works for you.arcsin1+32522.2k
33motion-anything✨ The agentic motion layer — an open-source, chat-native motion engine. Describe the feeling; your AI ships the animation.nexu-io+2829885
34stylekitOpen-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库:148 套精选风格,支持 MCP、Agent Skill 与 npm CLI。AnxForever+2739628
35figma-mcp-bridgeFigma Plugin & MCP server to bypass API limitsgethopp+2738766
36boarduiReact design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.BoardUI+1742633
37refero_skillResearch-first design skill for AI agents. 150K+ real app screens and flows via Refero MCP.referodesign+1537318
38ui-craftDesign engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.educlopez+1338392
39codex-slides🎨 Open-source AI slide studio inside Codex: image-native decks, every slide a full visual canvas. ⚡ 10+ high-quality slides in ~4–5 minutes — Fast mode renders every page in parallel. 🔍 Watch the whole chain live: research → outline → style → render → edit → present → export PDF/PPTX. 🖥️ Browser-first · zero API keys · durable projects.nexu-io+1329946
40cursor-talk-to-figma-mcpTalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.grab+12617.1k
41Open-AI-Design-AgentOpen-source AI design agent — alternative to Lovart AI, Runway Agent, Luma Labs Agent, Krea Agent, Pika Agent, Galileo AI, Magic Patterns. Autonomous multi-step creative for posters, social, brand kits, ad creatives, and video. Free, MIT-licensed, self-hosted.Anil-matcha+1034458
42agent-design-patternsA 7×6 framework for agent architecture. 28 patterns, each placed at a coordinate, runnable Python code with verified engineering slices from Claude Code, Aider, OpenHands, DeerFlow. Companion to Designing AI Agents (Manning) by Jia Huang.huangjia2019+934313
43AutoDesignThe open-source design agent and harness, better than Claude Design on academic communication artifacts production. This DesignHarness can also be used with any coding harness you like ( Codex/Claude Code/Kimi Code/Pi/OpenCode etc..) and any agentic model you want.Yaxin9Luo+718247
44starwind-ui55 framework-portable UI components for Astro, React Vue, and Svelte. Install accessible Tailwind CSS components as source you own, backed by a shared framework-neutral Runtime.starwind-ui+435750
45network-sketcherNetwork Sketcher is an AI-ready network design tool with Local MCP, Online, and Offline editions for creating network designs and exporting PowerPoint diagrams and Excel-based configuration data.cisco-open+433410
46claude-talk-to-figma-mcpA Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designsarinspunk+419672
47open-agent-hubA lightweight, zero-dependency CLI tool to manage and activate capabilities for AI coding assistants (such as Claude Code, Cursor, Trae, etc.).guanyang+344980
48nextjs-admin-dashboardAI-Native Next.js admin dashboard template and UI components that come with pre-built elements, components, pages, high-quality design, integrations, and much more.NextAdminHQ+321590
49ui-design-brainA Cursor skill that gives AI agents real UI component knowledge — best practices, layout patterns, and design-system conventions for 60+ interface components — so it generates production-grade UI instead of generic output.carmahhawwari+311897
50Memento-SkillsMemento-Skills: Let Agents Design AgentsMemento-Teams+2371.6k

Ranked by stars gained since the previous refresh (Oct 12, 2026). The data refreshes every Monday. See all 60 in the directory →