Design tools

Design files, prototypes, and creative tooling. 1,643 matching entries in the Forge registry — showing the top 150.

• nextlevelbuilder/ui-ux-pro-max-skillAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
• nexu-io/open-design🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design S
• Leonxlnx/taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
• Donchitos/Claude-Code-Game-StudiosTurn Claude Code into a full game dev studio — 49 AI agents, 72 workflow skills, and a complete coordination s
• GLips/Figma-Context-MCPMCP server to provide Figma layout information to AI coding agents like Cursor
• grab/cursor-talk-to-figma-mcpTalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic AI to communic
• nexu-io/html-anything✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magaz
• ThinkInAIXYZ/deepchat🐬DeepChat - A smart assistant that connects powerful AI to your personal world
• KhazP/vibe-coding-prompt-templateTemplates and workflow for generating PRDs, Tech Designs, and MVP and more using LLMs for AI IDEs
• Owl-Listener/designer-skillsDesigner Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, i
• jau123/MeiGen-AI-Design-MCPSupports GPT Image 2, Nanobanana & ComfyUI, with a 1,400+ prompt library, carefully crafted hooks and a multi-
• design-dnaExtract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitati
• samuelgursky/davinci-resolve-mcpMCP server integration for DaVinci Resolve Studio
• fcakyon/claude-codex-settingsMy personal Claude Code and OpenAI Codex setup with battle-tested skills, plugins, hooks and agents that I use
• claude-design-card将任意文本、网页或 URL 生成符合 Claude/Anthropic 设计语言的 HTML 信息卡片，通过 Playwright 截图为 PNG。 支持 14 种格式：平台封面（公众号、视频号、B站、抖音）、图文内容卡
• revenue-centric-designPlaybook for designing SaaS and startup products that convert, retain, and monetize — landing pages & CRO, onb
• software-design-philosophySoftware design philosophy guide based on John Ousterhout's "A Philosophy of Software Design." Use this skill
• figma-mcpModelContextProtocol server for Figma
• seedance-shot-designDesign production-ready prompts, shot plans, storyboards, extensions, and video edits for Jimeng Seedance 2.5.
• PacktPublishing/Design-Multi-Agent-AI-Systems-Using-MCP-and-A2ADesign Multi-Agent AI Systems Using MCP and A2A, by Packt Publishing
• architecture-advisorSystem design review focusing on trade-offs, failure modes, scalability bottlenecks, and incremental paths.
• work-with-design-systemsInspect, build, or extend Figma design systems — and optionally sync them to code. Two modes in one skill: ins
• avoid-ai-designAudit and rewrite frontend UI to remove generic AI design patterns ("AI slop"). Use this skill when asked to "
• canvas-coworkPilot a spatial canvas from the CLI — create canvases, generate images/text/video/agent responses, read result
• ppt-design-dnaUse when creating, improving, converting, or redesigning design-system-driven PPT, PowerPoint, PPTX, slides, d
• ifq-design-skillsUse this skill whenever the user asks for an HTML-first visual design deliverable or design judgment: interact
• work-canvasTurn an agent's own work — progress, debugging, analysis, comparisons, decisions — into one self-contained, re
• fpga-hardware-design-and-review-guideComprehensive FPGA hardware design guide based on real-world project experience. Covers pipeline architecture,
• behavioral-designApplies behavioral psychology and behavioral economics to product and UX design. Use when a designer, PM, rese
• skill-design-guideComprehensive guide for designing, building, testing, and distributing Claude skills. Use when user wants to "
• peg-designUse this skill to generate well-branded slides, presentations, and data-driven design artifacts in the Peg vis
• behavioral-design-guideGuide users through the complete behavioral design cycle — from defining a target behavior to diagnosing barri
• oh-my-designUse this skill when the user asks to design / mock up / prototype a UI, iterate on visual design, compare visu
• cognitive-learning-canvas把硬核长内容拆成obsidian的思维导图 · 通用 AI 提示词框架(Claude/ChatGPT/Gemini)
• xiaoer-artstudio-designDesign methodology reproduction kit for 小耳 Art Studio (xiaoerai.xyz / uki-clone.vercel.app). Replicate the "Ja
• design-mapper-skillIntelligent design brief router. Takes any design request and emits a structured routing plan — which skills t
• design-psychologyAudit or build any website/UI against research-backed conversion and design-psychology principles (Hick's Law,
• claude-design-idea-to-readyTake a UI from a one-line idea to on-brand, shippable design with Claude, in the correct order — brand foundat
• salgadoia-web-design-engineer-proSkill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadc
• bauhaus-designCreate frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style
• cash4478-design-systemGenerate a complete design system (design.md, design-guidelines.md, design-components.md) from any reference m
• prcss-product-designKickstart and run a product design project using the PRCSS* framework — a 7-phase Double-Diamond-inspired work
• ckw-designEntry point for frontend design. Use WHENEVER building or touching the look of any web UI — components, pages,
• design-org-decisionsNavigate Leadership & Org Decisions as a design leader (VP of Design, Head of Design, CPO, CTO). Use this skil
• ui-ux-design-consultantAnalyze existing websites and front-end codebases to identify UI/UX design problems and execute professional-g
• figma-android-xmlGenerate high-fidelity Android XML layouts from Figma MCP by extracting tokens/resources first, mapping compon
• ui-design-intelligenceWorld-class UI/UX design intelligence — Tvastar v4.0. TRIGGER on: /design /preview /approved /apply /review /s
• lean-canvas-coach交互式教练：用教练式提问带一位创始人/老板走完一张「精益画布」(Lean Canvas 9 格)， 然后揪出那个最要命的「关键假设」，再帮他设计一个「最低成本验证」去先验它。 不是做一次就完——支持每月/每周把新情况丢进
• email-designDesign distinctive, on-brand emails — newsletters, campaigns, welcome series, promo, post-purchase, win-back,
• design-styleRecommend and apply design styles from a curated library of 67 visual aesthetics. Use when the user wants to c
• aslanmazhidov-design-reviewVisual design review of an HTML file or URL using Playwright MCP. Opens the page in a real browser, captures d
• design-for-beautyBuild or restyle interfaces with a curated library of bundled DESIGN.md references extracted from public websi
• anti-slop-web-designUse when building or restyling a website, landing page, or UI with an AI coding tool — forces concrete art dir
• ux-design-evaluationApply the 30 Laws of UX to product design, UI/UX evaluation, and design critique. Use this skill whenever the
• @iflow-mcp/figma-mcpModelContextProtocol server for Figma
• ai.smithery/a-ariff-canvas-instant-mcpManage your Canvas coursework with quick access to courses, assignments, and grades. Track upcomin…
• com.aidesignblueprint/blueprintEnterprise-safe agentic AI design doctrine. Read-only MCP, UK/EU residency, zero-training policy.
• com.designbycurio/curioA design-style library for AI agents: search real styles, fetch a ready-to-apply design spec.
• com.figma.mcp/mcpThe Figma MCP server brings Figma design context directly into your AI workflow.
• com.gethumandesign.www/mcpCalculate Human Design bodygraph charts, save people, compare charts, and analyse group dynamics.
• io.github.Atenkai/smasher-studioAI fashion design — product photos, videos, tech packs, colorways & fabric sims.
• io.github.GLips/Figma-Context-MCPGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.
• io.github.KarstenKreh/standby-design-mcpGenerate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens.
• io.github.Kinglions/ui-design-to-code-mcpDesign-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
• io.github.MananSingh2001/figma-reactAn MCP server that converts Figma designs into React code.
• io.github.TranHoaiHung/figma-ui-mcpBidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
• io.github.a1245582339/figma-designerGive AI agents full read & write access to Figma — 50+ tools for design automation
• io.github.admin978/canvas-mcpLocal-first MCP server for Canvas LMS. Stdio transport, no third-party broker.
• io.github.alexalexalex222/frontend-design-loop-mcpDesign-first MCP for coding agents that improves websites with screenshot-grounded iteration.
• io.github.alvinindra/figma-mcp-rustFigma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools.
• io.github.bruchris/canvas-lms-mcpTypeScript MCP server for Canvas LMS — 115 read+write tools across 17 domains.
• io.github.chrischall/canvas-parent-mcpCanvas LMS (Instructure) for Claude — courses, grades, assignments, planner, files
• io.github.compassalessandrolorenz/Figma-Context-MCP-AIRFigma MCP server for AI agents. 9 tools: design context, variables, screenshots, and FigJam.
• io.github.damdafayton/dreamhomeRedesign interiors and exteriors instantly using AI. Turn sketches into realistic home designs.
• io.github.felixAnhalt/Figma-Context-MCPLLM-optimized Figma MCP server.
• io.github.felixAnhalt/figma-to-code-mcpLLM-optimized Figma MCP server.
• io.github.gluip/chart-canvasCreate interactive visualizations and query data sources (SQLite, CSV, Parquet, JSON)
• io.github.kenneives/design-token-bridge-mcpTranslate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
• io.github.miapre/html-to-figma-design-systemTranslate HTML prototypes into Figma using your design system's real components and tokens.
• io.github.neozhehan/figma-edit-mcpProgrammatically read, create, and modify Figma designs via MCP.
• io.github.oabolade/figma_mcp_server_actorMCP server enabling AI assistants to interact with Figma designs via natural language commands
• io.github.pipeworx-io/figmaFigma MCP Pack
• io.github.rocnubie/ai-room-design-mcpAI Room Design helps users redesign rooms and visualize new interior layouts with AI-generated
• io.github.sicxz/axcessEvaluates UI designs for WCAG accessibility issues automated scanners miss. Paid via x402 on Base.
• io.github.sunhome243/figma-mcp-expressFast, quota-free, token-efficient Figma MCP via a local plugin bridge.
• io.github.vishalsachdev/canvas-mcpCanvas LMS integration for students and educators with FERPA-compliant analytics and workflows
• io.github.vkhanhqui/figma-mcp-goFigma MCP server with full read/write access via plugin — no API token, no rate limits. 73 tools.
• io.github.wei-ai-lab/clinical-trial-designPhase 2/3 clinical trial design via gsDesign / gsDesign2: sample size, GS boundaries, multiplicity
• io.github.wmarceau/canva-mcpMCP server for Canva - create designs, manage assets, use templates, export graphics
• io.github.yanislav-igonin/random-design-mcpGenerate randomized English Markdown frontend design directions from curated catalogs.
• canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
• frontend-designGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps w
• interface-designThis skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for
• viewway-frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the use
• design-experimentPlan LLM fine-tuning and evaluation experiments. Use when the user wants to design a new experiment, plan trai
• responsive-design-specCreate a responsive design spec with structured process, quality checks, and system integration
• create-design-mdCreate a new DESIGN.md file for any website, app, or custom design system. Use when the user wants to document
• design
• design-master平面设计主控 - 自动生成平面设计提示词，支持海报、logo、插画等多种设计类型
• 1203992808-frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the use
• functional-design機能設計書を作成するための詳細ガイドとテンプレート。機能設計書作成時にのみ使用。
• design-shotgunDesign shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, an
• design-with-tasteApply the "Family Values" design philosophy to every UI you build. Use this skill whenever creating frontends,
• desc-designデザインを作る時の観点を説明する
• design-consultationDesign consultation: understands your product, researches the landscape, proposes a complete design system (ae
• design-system-createСобрать дизайн-систему с нуля: токены, типографика, компоненты, гайдлайны.
• design-systemExtract a brand's design from any reference the user provides (site URL, screenshot, or existing assets) and g
• design-reviewDesigner's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow
• agentic-design-patterns
• chizee-canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
• oldmission-designInteractive design workflow - problem definition, solution proposal, and documentation
• design-an-interfaceGenerate multiple radically different interface designs for a module using parallel sub-agents. Use when user
• figma-to-codeUsa questa skill AUTOMATICAMENTE quando l'utente: - Fornisce un link Figma (figma.com/design/*, figma.com/file
• vkroz-designFocused revision of an existing unit's design at any tier — product, epic, or feature. Invoke with /agn:design
• fix-design-system-findingFix a specific design-system integration finding in a Figma screen or component, including missing shared comp
• schema-designDesign a PostgreSQL schema for a new domain entity.
• 0lin0-c-frontend-design前端界面与表单设计规范。定义用户画像初始化流程、AI 助手定制表单及数据校验逻辑。
• propagate-design-change分析 SRS 变更影响，找到受影响的 ADR 与 Story，列出需更新的文档清单。
• high-end-visual-designTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, a
• agent-surface-design-systemA design-system lens for building browser-based and agent-adjacent surfaces where humans review, annotate, app
• codebase-designShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interfac
• audio-designImplement game audio practice — bus/mixer architecture and gain in decibels, ducking (sidechain), adaptive/dyn
• level-designUse when designing, generating, or reviewing the craft of an individual level, zone, or encounter — layout, wa
• mxyhi-codebase-designShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interfac
• huashu-design设计哲学顾问——从20种设计哲学中推荐3个方向，并行生成3个视觉Demo和AI提示词DNA。 5大流派：信息建筑/运动诗学/极简主义/实验先锋/东方哲学。设计完成后自动专家评审。 Trigger keywords: 设计
• robotics-design-patternsArchitecture patterns, design principles, and proven recipes for building robust robotics software. Use this s
• design-harnessA decision board for evidence-based calls — the human adjudicates, the agent runs the errands. Three layers (s
• tool-schema-designDesign and validate model-facing tool definitions with clear names, action-oriented descriptions, bounded JSON
• api-design设计 HTTP/REST 接口时使用。资源命名、状态码、版本、错误响应的规范。
• graphql-api-designDesign GraphQL APIs with well-structured schemas, efficient resolvers, pagination, and performance patterns li
• chatbot-conversation-designDesign structured, engaging chatbot conversations with robust intent handling, slot filling, disambiguation, e
• database-schema-designDesigns normalized database schemas with migration scripts, indexing strategies, and relationship handling. Su
• seb1n-frontend-designDesign and build production-ready frontend interfaces with design systems, responsive layouts, accessible comp
• logo-designGenerate logo variants for a brand, producing multiple production-grade marks across different architectures (
• figma-pluginUse when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or w
• itamarzand88-canvas-designA curated guide to convention files AI agents read, write, and act on: AGENTS.md, CLAUDE.md, SKILL.md, llms.tx
• itamarzand88-frontend-designA curated guide to convention files AI agents read, write, and act on: AGENTS.md, CLAUDE.md, SKILL.md, llms.tx
• swiftui-design-skillA curated guide to convention files AI agents read, write, and act on: AGENTS.md, CLAUDE.md, SKILL.md, llms.tx
• wshobson-interaction-designA curated guide to convention files AI agents read, write, and act on: AGENTS.md, CLAUDE.md, SKILL.md, llms.tx
• wshobson-tailwind-design-systemA curated guide to convention files AI agents read, write, and act on: AGENTS.md, CLAUDE.md, SKILL.md, llms.tx
• wshobson-visual-design-foundationsA curated guide to convention files AI agents read, write, and act on: AGENTS.md, CLAUDE.md, SKILL.md, llms.tx
• design-auditEvaluate and improve usability of existing front-end interfaces — local source code or live websites by URL. U
• design-get-contextClarify the brief BEFORE any design work to avoid building the wrong thing. Interrogates goal, user, constrain
• design-ideateGenerate several distinct UI directions for a screen or flow before committing to one. Produces 2-4 named inte
• design-image-to-codeTurn a reference image or mockup into a working local frontend that matches it closely. Inspects the image, ex
• design-prototypeUse when generating prototypes based on IA and user flows. Automatically generates low-fidelity and medium-fid
• design-qaUse this skill ONLY when the design is complete and ready for handoff — not while it is still in progress. Thi
• design-researchUse this skill to understand the design context before starting visual work: existing patterns, component inve
• design-sharePublish a runnable prototype and return a shareable link. Prepares the prototype to run, starts/serves it (or
• design-url-to-codeTurn a live website into a working local frontend you can edit. Fetches the page, extracts its design system a