Design
117 listings
ui-ux-pro-max-skill
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
taste-skill
Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
impeccable
The design language that makes your AI harness better at design.
penpot
Penpot: The open-source design platform for Product teams that need scalable collaboration.
ppt-master
AI turns documents or topics into real, native PowerPoint decks—with native shapes, transitions and animations, data-backed charts and tables on demand, audio narration from speaker notes, and support for your own .pptx templates. · by Hugo He
hyperframes
Write HTML. Render video. Built for agents.
vuetify
🐉 Vue Component Framework
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.
heroui
🚀 Beautiful, fast and modern React UI library. (Previously NextUI)
frontend-slides
Create beautiful slides on the web using a coding agent's frontend skills
blender-mcp
Community plugin to control Blender 3D with any LLM of your choice
baoyu-skills
diagram-design
27 editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.
huashu-design
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
editor
Create and share 3D architectural projects.
json-render
The Generative UI framework
Figma-Context-MCP
MCP server to provide Figma layout information to AI coding agents like Cursor
text-to-cad
A library of agent skills for CAD, CAE and CAM
skills
plantuml
Generate diagrams from textual description
img2threejs
Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.
Kami
👩🚒 Good content deserves good paper.
fireworks-tech-graph
Generate production-quality SVG+PNG technical diagrams from natural language. 7 styles, UML support, and AI/Agent workflow patterns.
garden-skills
ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
dashboard-icons
Your definitive source for dashboard icons.
scroll-world
A skill that turn any brand into a scrollable 3D world landing page
openui
The Open Standard for Generative UI
html-anything
✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex /
RemixIcon
Open source neutral style icon system
stitch-skills
A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
html-ppt-skill
HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML presentations
open-pencil
AI-native design editor. Open-source Figma alternative.
cursor-talk-to-figma-mcp
TalkToFigma: 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.
open-slide
A slide framework built for agents.
superdesign
AI Product Design Agent - Open Source
app-store-screenshots
end to end app store screenshot creation using AI
guizang-social-card-skill
🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, single-file HTML → PNG. 小红书图文 + 公众号封面对
preline
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Infographic
🦋 An Infographic Generation and Rendering Framework, bring words to life with AI!
video-shotcraft
AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 152 shot recipe cards, 209 motion previews, a production-ready template
dashi-ppt-skill
An AI-agent skill that generates browser-editable presentations from multiple visual themes, exportable to HTML, PDF, and PPTX.
Kun
Local-first AI agent workspace for coding, writing, design, research, and automation — one runtime for desktop GUI and TUI.
magic-mcp
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
openpencil
The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
interface-design
Design engineering for Claude Code. Craft, memory, and enforcement for consistent UI.
Skills
Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents
lottie
Generate production-ready Lottie animations with Claude Code or Codex
drawio-mcp
codex-ppt-skill
GPT-Image-2 PPT Generator Skill for Creating Image-Based PowerPoint Presentations in Codex and Other Skill-Compatible Agents
excalidraw-mcp
Fast and streamable Excalidraw MCP App
GPT-Image2-Skill
GPT Image 2 prompt gallery, image prompt library, agentic skill, and CLI for OpenAI image generation/editing
PPTAgent
An Agentic Framework for Reflective PowerPoint Generation
excalidraw-diagram-skill
Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw diagrams.
bento
Bento, the office suite that fits in a file
skills
A collection of agent skills that help you build a great interface.
html-video
Programmatic video for coding agents — HTML to video on your laptop. Turn HTML, CSS & data into real MP4s with pluggable render engines, 21 templates, AI soundtrack. Apache-2.0, no per-render fees. An official project by the Open Design team.
animal-island-ui
Animal Crossing-style React UI component library, inspired by Nintendo's game visuals Vue version available. Animal 风格的 React 组件库 灵感来源于任天堂《集合啦！动物森友会》 Vue 版同步发布
Generative-Media-Skills
Multi-modal Generative Media Skills for AI Agents (Claude Code, Cursor, Gemini CLI). High-quality image, video, and audio generation powered by muapi.ai.
design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediatio
Paper2Poster
[NeurIPS 2025] Open-source Multi-agent Poster Generation from Papers
baoyu-design
Run 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 4.8.
awesome-claude-design
Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.
reui
Design-forward shadcn kit for interfaces that stand out. 1000+ free patterns!
transitions.dev
Collection of the most essential transitions for web apps, skill for agents and Refine tool for agents
lavish-axi
HTML is the new markdown. Lavish is the new editor for your HTML artifacts.
dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
skills
Opinionated skills for AI coding agents to create stunning diagrams and visualizations directly in Markdown. These skills extend agent capabilities across diagram generation, data visualization, and technical documentation.
freya
Cross-platform and non-web GUI library for 🦀 Rust powered by 🎨 Skia.
GordenPPTSkill
AI-friendly PPT builder skill: 17 hand-polished Chinese PPTX templates + non-destructive text-only editing tools (python-pptx based). Pick a template, write edits.json, build a real .pptx with the layout intact. Personal/research use only.
effective-html
Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.
Silex
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together.
Qwen-MM-Plugins
Make any agent harness multimodal-native.
design-md-chrome
Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI
awesome-design-skills
List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
thesvg
6,500+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg
Uncodixfy
the holly uncodexify instructions - letting GPT create uncodexified UI
designer-skills
Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.
mcp_excalidraw
MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas sync.
lanhu-mcp
⚡ 需求分析效率提升 200%！全球首个为 AI 编程时代设计的团队协作 MCP 服务器，自动分析需求自动编写前后端代码，下载切图
Auto-Redbook-Skills
一个自动撰写小红书笔记，自动生成图片，自动发布的 Skills
figma-console-mcp
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
skills
Wondel.ai Agent Skills — Business, Marketing, UX & Coding Frameworks from Bestselling Books. 50 skills + 12 guided journeys for Claude Code, Codex, Cursor & other agentskills.io agents.
image-to-editable-ppt-skill
Codex skill for converting slide images, PDFs, and image-based PPTX files into editable PowerPoint decks.
KiCAD-MCP-Server
KiCAD MCP is a Model Context Protocol (MCP) implementation that enables Large Language Models (LLMs) like Claude to directly interact with KiCAD for printed circuit board design.
mcp-server-guide
A guide on how to use the Figma MCP server
claude-design-system-prompt
Reverse-engineered system prompt and skill library that turns an LLM into an opinionated, accessibility-aware, AI-slop-resistant design collaborator.
paper-framework-figure-studio-pro
A multi-round co-design skill for publication-ready paper framework diagrams and method overview figures.
native-feel-skill
An Agent Skill for designing cross-platform desktop apps that feel native — distilled from Raycast's 2.0 deep-dive and reverse engineering of Raycast Beta.app. Eight architectural tenets, four-layer architecture, WebKit/WebView2 survival guide, 75-item ship audit.
goldie
✨ agentic app store previews and screenshots
MeiGen-AI-Design-MCP
Supports GPT Image 2, Seedance & ComfyUI, with a 1,400+ prompt library, carefully crafted hooks and a multi-task orchestration system
ai-image-prompts-skill
AI Image Prompts — 10,000+ curated prompts for any model. Works with Nano Banana Pro, Nano Banana 2, Seedream 5.0, GPT Image 1.5, Midjourney, DALL-E, Flux, Stable Diffusion, and more.
banana-claude
AI image generation skill for Claude Code -- Creative Director powered by Gemini
ComfyTV
ComfyTV — the canvas-based app that truly belongs to ComfyUI.
stitch-mcp
A CLI for moving AI-generated UI designs from Google’s Stitch platform into your development workflow.
lanshu-animated-architecture-diagram
Premium hand-drawn animated architecture diagram Codex skill
ux-ui-agent-skills
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
smoothui
SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, Shadcn/ui and Motion
VibeCurb
VibeCurb - Injects taste into AI workflows to stop agents from generating boring, AI slop.
figma-cli
styleseed
Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
Multi-Agent-CAD
MAC (Multi-Agent CAD): A decoupled multi-agent framework for text-to-CAD generation via constrained test-time compute
humanize-ppt
AST-based outline director for human-centered AI presentation workflows.
forgecad-public-kit
Public companion kit for ForgeCAD: examples, agent skills, docs links, and issue tracking. The hosted CAD app and core source live elsewhere.
bolt-slides
Use any agent to create stunning, interactive presentations
skills
we0
we0 is an AI code editor for development programmers and product managers. same v0, bolt.new,lovable
erhe
erhe is a C++ library and editor for 3D graphics with a graphics API abstraction loosely modeled after Vulkan and Metal, with backends for OpenGL, Metal and Vulkan
Ascii-Motion
A modern web application for creating and animating ASCII art
solidworks-automation-skill
Python automation toolkit for SolidWorks API
codex-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-fir
claudedesignskills
A comprehensive collection of Claude Code skills for modern web development, specializing in 3D graphics, animation, and interactive web experiences.
dsh-vision-toolkit
[dsh]为纯文本模型设计更强大的视觉工具箱：一行安装使用、粘贴图片直接识别、多张图片问答、截图到前端UI 还原等｜DeepSeek Harness-native integration for agent-vision-toolkit: image Q&A, long-screenshot OCR, UI restoration, grounding, pixel diff, Artifacts, and Web UI.
agent-plugin
Plugin for agents to interact with Chatcut
Unreal_mcp
A comprehensive Model Context Protocol (MCP) server that enables AI assistants to control Unreal Engine through the native C++ Automation Bridge plugin. Built with TypeScript and C++.
claude-skills
Stack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Build, ship, audit, optimize.
FrameThrower MCP
Film stills and cinematography references inside AI assistants for inspiration, learning and making movies faster.
Magic Hour
Official Magic Hour MCP server for generating and editing images, video and audio from AI assistants. Requires a Magic Hour API key; generation uses credits.