Design and UX

heroygt/skills

Skill Claude CodeCodex

Generate production-quality SVG icons with COLOR support using VTracer vectorization. Converts raster images to clean, colorful SVG paths.

thechandanbhagat/diagram-master

MCP server Claude CodeCodexCursor +2

MCP Server for generating Draw.io compatible diagrams from natural language prompts. Runs locally from the diagram-master npm package.

visily-app/mcp-plugins

Skill Claude CodeCodex

Visily is an AI design canvas that turns text prompts, screenshots, URLs & more into UI designs that are as easy to edit as a Google Slide. Use Visily MCP to find boards/screens and return links, turn Visily designs into code, or extract theme tokens.

yohasacura/drawio-mcp

MCP server Claude CodeCodexCursor +2

MCP server for creating draw.io diagrams as XML files. Runs locally from the drawio-mcp Python package.

Dragoon0x/canon

Skill Claude CodeCodex

Use when designing or auditing forms, inputs, validation, error messages, labels, submit flows, or any data entry interface. Covers field structure, label placement, validation timing, error UX, autocomplete, multi-step flows, and the most common form anti-patterns. Trigger when the user mentions form, input, label…

gg-mo/stagecraft-agent-skill

Cursor rule Cursor

Premium keynote-style UI with refined motion. Dark, minimal, cinematic reveals. Trigger words — "premium," "polished," "cinematic," "Apple-like," "keynote," "launch page," "product reveal," "elevate this screen," "audit this UI.".

guoleizhen717/solidworks-api-skill

Skill Claude CodeCodex

SolidWorks 2023 API/SDK coding assistant. Covers part modeling, sketches, features (extrude/revolve/cut), patterns, mates, materials, STEP export, and shield machine cutterhead design. Triggers: SolidWorks, SOLIDWORKS, SLDWORKS, ISldWorks, IModelDoc2, IFeatureManager, sketch, extrude, revolve, cut, pattern, mate…

smoldrago/kroki-diagrams

Plugin Claude Code

Bundles 1 skill · 111 tokens together

Plugin distribution for kroki-diagrams.

alwkala/tidyfactor-design

Skill Claude CodeCodex

TidyFactor Design track — code-native UI design lifecycle engine (Figma alternative). Supports all 7 stages of UI design (Discovery, Foundation, Architecture, Components, Motion, Quality, Delivery) with zero per-page CSS/JS and zero build step. Pluggable CSS foundations (Native, Tailwind utility-first, daisyUI…

powehi-eu/ui-motion-workflow

Skill Codex

Orchestrate UI direction, composition, motion provider selection, implementation, and browser-proven quality for polished frontend work. Use when Codex needs to improve a visual surface with animation or interactive polish; when a request mixes design intent, component choice, browser validation, accessibility, or…

mariespreitzer/interfaces-that-feel

Plugin Claude Code

Bundles 1 skill · 136 tokens together

An interview that finds the feeling in an idea, starting from a moment in real life.

Binclusive/Binclusive-Accessibility-Skills

Cursor rule Cursor

Binclusive accessibility workflow — map, audit, and fix accessibility issues using the canonical Agent Skills as the source of truth.

yintzuyuan/glyphs-reference

Plugin Claude Code

Bundles 10 skills, 1 agent · 1,000 tokens together

Glyphs.app skills and knowledge base: Python/Obj-C API lookup, file format, SDK reference, UI components, package management, localization, and web search.

local-over/Anti-Slop-UI

Skill Claude CodeCodex

A strict heuristic framework to prevent AI design hallucinations. This skill serves as an index and workflow guide to the Anti-Slop UI framework.

chenxihuang1028-a11y/super-web-design

Skill Codex

Premium website builds with varied heroes, React Bits backgrounds, static index.html delivery, browser QA, and chat-only feedback. Use for Super-Web-Design or advanced landing/product/media sites.

muhdaliyan/zeer

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

Nimble-Co/nimblenomicon

Skill Claude CodeCodex

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

almond-bot/harness-studio

Skill Claude CodeCodex

Design wire harnesses and cable assemblies as JSON and produce manufacturer-ready drawings (BOM, wire list, title block) as PDF. Use when the user asks to design, draw, document, or quote a wire harness, cable assembly, pigtail, or custom cable — or mentions connectors, crimping, splices, twisted pairs, ring…

dungnotnull/adhd-friendly-home-design-agent-skill

Skill Claude CodeCodex

ADHD-Friendly Home Space Optimization Advisor (Environmental Psychology) — ADHD environmental-design and cognitive-ergonomics analysis and decision-support harness. Use this skill when the user mentions ADHD home design, ADHD-friendly spaces, sensory-friendly environment, ADHD workspace optimization, ADHD bedroom…

kikin81/nubecita

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Nubecita, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping a Material 3 Expressive Android Bluesky client with adaptive layouts for phone…

Shuboya1030/pm-portfolio-generator

Plugin Claude Code

Bundles 1 skill, 1 command · 90 tokens together

Generate polished HTML portfolio pages for PM products by analyzing any code repository's documentation, architecture, and source code.

lenxism/ives

Plugin Claude Code

Bundles 13 skills · 1,396 tokens together

A complete design philosophy and practical UI knowledge system for building exceptional interfaces. 13 composable skills covering craft mindset, design critique, typography, color, layout, style, elements, and more. In memory of Jony Ive.

DNM03/ui-forge

Skill Codex

Build or improve visually distinctive, product-specific web interfaces, from brand pages to working apps and components. Use for frontend implementation, redesign, reference-led builds, or improving generic-looking UI. Preserve existing behavior and design systems. Review without editing when asked for an audit; skip…

TN0123/one-shot-ui

Skill Claude CodeCodex

Extract UI designs from screenshots and iteratively refine implementations to match a reference image pixel-perfectly using comparison and fix suggestions.