13,366 tagged Design and UX, measured the same way as everything else here.
Browse within: design-system 162agentic-ai 157agentic 152ai-tools 130skills 128ai-design 112byok 106agent 102coding-agents 93desktop-app 93ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87
pnaque/pnaque_codex-universal-design-skill
Skill Claude Code
High-fidelity HTML design and prototype creation for both Claude Code and OpenAI Codex. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — including slide decks, interactive prototypes, landing pages, UI mockups, animations, or any visual design work. Also use when…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Compare a prototype — React/Vite or Angular code in the workspace, an HTML prototype or wireframe, or Figma frames — against a research-synthesis doc to find where the two disagree, then produce a prioritized markdown implementation plan closing the gaps. Use whenever the user has both research findings and a…
Skill Claude CodeCodex
Convert a Figma design into a working React application using Salt Design System components. Use when the user provides a Figma screenshot, design description, or Figma file and wants it translated into Salt DS code.
Skill Claude CodeCodex
Brand kit visual design and identity guidelines skill.
Skill Claude CodeCodex
Visual click-to-edit workflow for Osprey/Kestrel. Use when Isaac asks to change, tweak, restyle, reposition, or critique anything visible on a page — also when he draws/annotates or says "this thing on the screen". Drives the headed-browser Designer MCP (designeropen, designerpick, designerscreenshot, designerclose)…
Skill Claude CodeCodex
Build, audit, or convert websites with the U.S. Web Design System (USWDS) using the unofficial uswds-mcp server. Use when work involves USWDS components, patterns, templates, accessibility guidance, design tokens, utilities, @uswds/uswds, or federal website implementation.
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Trinity Local (and its marketing home keepwhatworks.com), either for production or throwaway prototypes/mocks/etc. Trinity is a local-first AI-council product; this system styles it in a calm, soothing direction — cool mist neutrals, a soft humanist…
techniondigitalsolutions/odoo-mcp
Skill Codex
Design, inspect, implement, and safely modify Odoo website themes, pages, snippets, menus, QWeb views, assets, SCSS, and frontend JavaScript for Odoo 16, 17, 18, and 19. Use when creating an Odoo theme addon, changing website appearance or structure, debugging website editor behavior, or applying website changes…
yingy-buxing/illustrator-mcp-vectorizer
Skill Codex
Convert bitmap artwork such as PNG/JPEG icons, logos, app icons, flat illustrations, and screenshots into editable Adobe Illustrator .ai files through the local illustrator-mcp project. Use when Codex needs to choose a vectorization mode, generate reproducible JSX, run Adobe Illustrator automation, inspect exported…
Skill Claude CodeCodex
Guidance for designing and building mobile app interfaces on iOS and Android, including React Native and Flutter projects. Covers touch interaction, on-device performance, platform conventions, navigation, and offline behavior, and emphasizes reasoning about constraints over copying fixed values. Use it when creating…
Skill Claude CodeCodex
Open the Coart Ferric Canvas WebAssembly/SVG canvas in the Codex conversation so image edits can be handled directly without copying prompts.
Skill Claude CodeCodex
A self-contained frontend design, redesign, audit, implementation, anti-AI-slop, and rendered visual-QA skill for use directly inside a ChatGPT conversation or through a local MCP-accessible project.
Skill Claude CodeCodex
Draw, fix and rearrange diagrams on the Escalidrau shared whiteboard through its MCP tools (server "escalidrau") — cloud/AWS architectures, system and network diagrams, flows. Use whenever the user asks to draw, sketch, diagram or lay something out on the canvas/whiteboard, to add icons to it, or to tidy up what is…
Skill Claude CodeCodex
Structured UI report from a screenshot via vision MCP: ASCII wireframe + element inventory (label/role/position/state) + visual notes.
Skill Claude CodeCodex
Design, modify, inspect, and validate parametric mechanical parts and assemblies in FreeCAD through the mcpfreecad MCP server. Use for FreeCAD modeling, gearboxes, mechanisms, enclosures, fixtures, printable parts, assemblies, fasteners, gears, fit checks, hole validation, and visual CAD inspection. Do not use for…
Skill Claude CodeCodex
Create a full UI screen using Auto Layout, existing components, and semantic tokens.
Skill Claude CodeCodex
A Figma-to-code toolkit that reads design layers and turns them into code for React, Vue, Svelte, HTML, and other frameworks. Figma is a collaborative design application used to create interface layouts.
alexalexalex222/frontend-design-loop-mcp
Skill Claude CodeCodex
Use Frontend Design Loop MCP when an interactive coding agent needs.
Skill Claude CodeCodex needs its repo
Use when the user asks AI Apprentice to design packaging, generate a packaging sample with Image2, accept visual mask corrections, locally edit the result, or hand a reviewed packaging design to AICAD for engineering drawings.
Skill Claude CodeCodex
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion. Use this skill whenever building, editing, styling, reviewing, or…
Skill Claude CodeCodex
PRIMARY skill for any cnvs.app board work. Collaborate on a cnvs.app whiteboard (canvas / board / drawing surface) in real time — read shared state, add/update/move/delete text, links, sticky notes, strokes, images, and Mermaid diagrams (flowcharts, sequence diagrams, class and ER diagrams, mind maps, gantt charts…
thomast8/codex-claude-design-plugin
Skill Claude CodeCodex
Use the authenticated Claude Design MCP to inspect, create, edit, import, export, or hand work to live Claude Design projects and prototypes. Use when Codex works in Claude Design, delegates design work to its native Claude agent, or when a requested or applicable design system, UI kit, brand system, or existing…
Skill Claude CodeCodex
Rules for autonomous engineering work in KOMPAS-3D v25 through structured tools, COM jobs, and visual QA.
Skill Claude CodeCodex
Operate tldraw Desktop through the tldraw-offline MCP server, including inspecting and editing canvases, durable document scripts, custom shapes/overlays, assets, linting, and screenshots.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: