victorzhang016-code/victor-design
Skill Claude CodeCodex
A design workflow for creating posters, social posts, presentations, and product interfaces using research, human-made references, and editable HTML templates.
17,624 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
victorzhang016-code/victor-design
Skill Claude CodeCodex
A design workflow for creating posters, social posts, presentations, and product interfaces using research, human-made references, and editable HTML templates.
Skill Claude CodeCodex
This skill should be used when the user wants to extract a complete DESIGN.md style guide (frontmatter + design thinking + AI style analysis + compressed CSS evidence + negative constraints) from any live website URL. It captures 3 viewport screenshots, samples DOM and computed CSS via chrome-devtools MCP, asks a…
Skill Claude CodeCodex
Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.
MCP server Claude CodeCodexCursor +2
Allow your AI coding agents to access figma files & prototypes directly. Runs locally from the figma-mcp Python package.
Skill Claude CodeCodex
Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive…
Cursor rule Cursor
Generate Figma component library from Storybook using storysync.
csuyincs-creator/fluidglass-ui
Skill Claude CodeCodex
Generates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan.
Cursor rule Cursor
Apply when the user asks for a cinematic website, film-style landing page, director-inspired UI, or any design framed around a movie aesthetic. Do not apply for generic web design unless the user explicitly references a film, director, or cinematic style.
cloudy-liu/cloudy-tech-diagrams-skill
Skill Claude CodeCodex
Use when creating polished technical diagrams as self-contained HTML+SVG files for software architecture, system design, process flows, cloud infrastructure, security boundaries, network topology, runtime mechanics, data flow, deployment views, or technical presentation visuals.
zuiho-kai/huawei-style-ppt-skill
Skill Codex
A workflow for creating presentation slides, from analysing content and planning pages to producing visual drafts and reviewing the result.
Skill Claude CodeCodex
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"). Use this skill when asked to "de-slop a UI", "make a design look less AI-generated", "audit a component or page for AI design tells", or "fix Claude/Codex-generated frontend that looks generic". Covers HTML/CSS and React/Tailwind/shadcn.…
thepiruthvirajan/autocad-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server "autocad-com-mcp" as configured in thepiruthvirajan/autocad-mcp-server. Runs locally from the autocad-com-mcp Python package.
Plugin Claude Code
Bundles 10 skills, 1 command, 1 agent · 659 tokens together
Methodology-grounded brand building toolkit. Positioning, messaging, voice, visual identity, audit, and competitive analysis powered by Dunford, Miller, Neumeier, and NN/g frameworks.
jpoindexter/design-md-extractor
Skill Claude CodeCodex
Extract and document the visual style of public websites as reusable DESIGN.md files. Use when the user asks to analyze a website's design system, extract styles, create design tokens, produce DESIGN.md, generate an agent-readable style guide, or build from a website's visual language.
Skill Claude CodeCodex
Human-participated design iteration loop driven by claude.ai/design via the designer MCP. The human is the designer; AI is translation + plumbing. Human states intent, AI reads what exists and relays intent to Claude Design, human tastes the variants Claude produces, AI interprets reactions and iterates. Promotes…
Skill Claude CodeCodex
Eight portmanteau tools. Each takes an operation string plus per-op parameters. Operation enums are typed Literal[...] so wrong strings fail at parse time.
Cursor rule Cursor
Concise rules for building accessible, fast, delightful UIs.
Skill Claude Code
Extract a website's design system into a DESIGN.md file. Use when starting a new frontend project, rebuilding a site, or when the user wants AI-generated UI to match an existing brand.
Skill Claude CodeCodex
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json…
Skill Claude CodeCodex ✓ vendor
MUST BE USED for any UI work. Invoke this skill before generating, modifying, or reviewing any code that renders, styles, or wires up a user-facing interface — including markup, components, templates, styles, and the JavaScript/TypeScript that drives them. This skill encodes the accessibility (WCAG 2.2 AA)…
Plugin Claude Code
Bundles 1 skill · 75 tokens together
Automated design system construction from repository analysis to production-ready implementation.
Mekko-Digital/bricks-builder-skills
Plugin Claude Code
Bundles 1 skill · 0 tokens together
Build, edit, and audit pages, templates, popups, and custom elements for the Bricks Builder WordPress theme, grounded in verified control keys and JSON shapes (no hallucinated settings).
irenerachel/comic-ip-onboarder-skill
Skill Claude CodeCodex
A workflow for turning a person’s photo, toy, avatar, fictional character, or brand mascot into a reusable flat hand-drawn comic character package. The package includes reference images and an IPDNA.md file describing the character’s visual rules.
Skill Claude CodeCodex
Use Grok 4.5 as the required external design advisor when a task needs UI critique, UX critique, component-choice review, interaction-flow review, design imagery markdown, art direction, visual hierarchy judgment, design-system fit, color/type/layout suggestions, HTML mockups, SVG icons, handwritten SVG wordmarks, or…
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: