Skill Claude CodeCodex
A design workflow that combines Tufte-style information graphics with a recurring hand-drawn black character called Xiaohei in a tall mobile image. Tufte-style graphics prioritize clear evidence and accurate data displays.
18,961 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.
Skill Claude CodeCodex
A design workflow that combines Tufte-style information graphics with a recurring hand-drawn black character called Xiaohei in a tall mobile image. Tufte-style graphics prioritize clear evidence and accurate data displays.
Plugin Claude Code
Bundles 3 skills · 352 tokens together
Code-to-design-to-code: the pipelines closing the loop between Figma and a production codebase. restore (design→code, 1:1 with acceptance and auto-MR), export (code→design: components, state matrices, and tokens, everything bound to variables), govern (converge + freeze a style system with CI gates).
Skill Claude CodeCodex
Use when applying Toss Tech Design principles from a 129-article toss.tech design summary to complex product flows, research ops, internal tools, UX writing, accessibility, or brand work with high cognitive load, repeated manual work, trust issues, or inclusion gaps.
MCP server Claude CodeCodexCursor +2
Sketchup integration through Model Context Protocol. Runs locally from the sketchup-mcp2 Python package.
Skill Claude CodeCodex
Skill "skill" from cozy/cozy-ui, covering cozy ui, quick start, what this skill provides, quick reference and components.
Carlos-Dominguez-faber/criterio
Skill Claude CodeCodex needs its repo
Crea el contrato de diseño de un proyecto antes de escribir el primer componente. Corre una entrevista de 8 preguntas, elige un preset visual, y escribe brand.json, voice.json, motion.json y COMPONENTRULES.md (y compila brand.css). Úsala cuando el usuario diga "quiero que se vea bien", "hazme una landing bonita"…
Skill Claude CodeCodex
Create beautiful, shareable HTML-based slide presentations styled to Red Hat brand standards. Generates single-file, self-contained HTML decks with click/keyboard navigation, story-arc-driven narrative structure, and cinematic dark-mode aesthetics. Supports embedded videos (YouTube, Vimeo, direct URLs) and linked…
Skill Cursor
A comprehensive design operating system synthesized from 10 canonical design books. Covers research, typography, color theory, composition, branding, logo design, storytelling, web design, creative process, and professional practice.
Skill Claude CodeCodex
PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
Ted0321/kotetsu-work-ai-skills
Skill Claude CodeCodex
A set of rules for making HTML reports, proposals, dashboards, and research documents look like professionally designed consulting documents.
Plugin Claude Code
Bundles 1 skill · 25 tokens together
Structured documents for AI agents — 45 production-ready components with a coherent visual system. Decisions, architecture flows, collapsible references, metrics, and charts rendered as self-contained HTML.
joeseesun/qiaomu-icon-generator
Skill Codex
Generate multiple app, favicon, or website icon candidates with either the local QM Icon Studio CLI or Codex built-in image generation with reference icons, then present a contact sheet so the user can choose. Use when building websites or apps and needing reusable icon options.
Skill Codex
Recreate a reference raster diagram/image in Microsoft Visio as editable native Visio shapes using pixel-coordinate mapping, sampled color palettes, Visio COM automation, layer ordering, text sizing, complex shape primitives, 2.5D/3D stacked diagram reconstruction, crop comparisons, and preview exports. Use when the…
Skill Claude CodeCodex
Read, verify, mutate, and round-trip HyperWeave living artifacts via the verb algebra instead of vision-parsing the SVG.
Skill Claude CodeCodex
A workflow for turning TapTap Maker game interface designs into working UI data. It covers separating buttons, icons, and backgrounds, assembling existing assets into UI.json, and comparing the result with the design.
Skill Claude Code needs its repo
Verify UI implementation against Stitch design via a token audit (HTML ↔ Code, with X-component default-render checks) and an X-components compliance check.
Skill Claude CodeCodex
House style for the renderhtml tool — dark dashboard / architecture-diagram look with stat tiles, bar rows, numbered timeline steps, two-panel grids, status pills, connector arrows, callout bands, and verdict blocks. Read this skill before calling renderhtml so the output is visually consistent. Provides CSS tokens…
Skill Claude CodeCodex
A dispatcher for creating presentations, slide decks, long images, and weekly reports. It chooses a visual style and output format, then sends the work to a more specialised add-on.
Skill Claude CodeCodex
Frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces. Use when the user says /fd or explicitly asks for better design, styling, layout, visual quality, or UX polish.
Skill Claude CodeCodex
A tool for creating browser-based presentations as single HTML files, or converting PowerPoint files into them. It includes bilingual English and Chinese support and a library of visual styles.
Skill Claude Code
Create YuzuDraw diagrams by choosing the right family and following a short reference for architecture, components, flow, bar charts, or ASCII art.
Skill Claude CodeCodex
Turn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the agent's own built-in tools — WebFetch, browser/screenshot, and file writes. Use when the user asks to "generate a design system from a URL", "extract brand…
verygoodplugins/streamdeck-mcp
Skill Claude CodeCodex
Design, theme, and author complete Stream Deck layouts for the user's hardware using the streamdeck-mcp tools. Use whenever the user wants a custom Stream Deck setup, asks for a themed deck (e.g. "hello-kitty Twitch deck", "retrowave music controls", "a dev deck for this repo"), wants buttons or dials configured for…
Skill Claude CodeCodex
A single-file HTML presentation format for swipeable web slides. It includes templates for speaker notes, presenter and audience views, chapter covers, large data displays, and image grids.
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: