19,061 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 Codex
Use SideSight for screenshots, images, error screenshots, UI mockups, architecture diagrams, charts, OCR, visual comparison, and videos when the host coding model is text-only. Route each visual task to the matching npx sidesight CLI command.
veryCoolTimo/design-playbooks-skill
Plugin Claude Code
Bundles 1 skill · 92 tokens together
Evidence-based design playbooks for AI coding agents — rules synthesized from 407 real product sites: page-type playbooks with pattern frequencies, 9 style guides, per-site hex/type tokens, DESIGN.md generator.
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
Use when building or styling any web UI — landing pages, hero sections, dashboards, components, marketing sites — or when the user asks for beautiful, animated, or polished design, UI animations, animated backgrounds, gradients, icons, smooth scrolling, or design inspiration. Also use before reaching for the web to…
Skill Claude CodeCodex
Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/CSS code from Figma components, syncing design systems, building Figma plugins, or automating design-to-code workflows. Triggers on Figma API, design tokens, Figma plugin, design-to-code, Figma…
Plugin Claude Code
Bundles 1 skill · 166 tokens together
Ask it for a fake countdown timer and it says no. A UX and accessibility skill for Claude Code: surface-class-aware audits, WCAG 2.2 checks, deceptive-pattern screening, and five zero-dependency lint and stats tools.
Plugin Claude Code
Bundles 1 skill · 81 tokens together
Install a curated set of Claude Code design skills (impeccable, the taste suite, ui-ux-pro-max) plus a decision-table router — conversationally.
Skill Claude Code
Full UX/UI design review panel — 6 opinionated design leaders (Jony Ive, Amir Salihefendic, Jesse Patel, Joe Gebbia, Katie Dill, Notion Designer) critique your design with brutal honesty, deliberate together, score on 5 principles, and implement fixes. Works with .pen files, HTML/CSS/JS projects, and Figma.
kumbajirajkumar123/frontend-design
Skill Claude CodeCodex
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).…
Skill Codex
Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.
GDvega/super-android-kotlin-firebase-skill
Skill Claude CodeCodex
Use for Android and Compose UI design decisions that must adapt to app domain, target users, data sensitivity, environment, accessibility, performance and platform context after build/tests pass.
Skill Codex
Design new linear or filled SVG icons and cohesive icon sets through a mandatory raster-first workflow. Use when Codex must invent an icon concept, create branded UI icons, make matching navigation or feature icons, or extend an existing icon family. Always generate PNG concepts with ImageGen first, then invoke the…
Skill Claude Code
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…
Skill Claude Code
Build UI components, sections, and pages for the Friendship Corner Daycare website with proper theming, animations, i18n, SEO, and responsive design. Use for: creating new components, adding page sections, building new pages, recreating UI layouts from design inspiration, ensuring theme compatibility across 5 themes…
Skill Claude CodeCodex
Review user-facing software changes for accessibility barriers across semantics, keyboard and other input, focus, structure, content, feedback, and assistive technology behavior. Use for web, mobile, desktop, CLI, and interactive UI changes; adapt the checks to the platform.
Skill Claude CodeCodex
Analyze annotated UI screenshots and markdown documentation to generate agent-consumable UI flow specifications. Use when processing web app UI flows described via markdown + screenshots into structured, automation-ready knowledge.
Skill Claude CodeCodex
An orchestration skill for taking a product idea from initial demand research through product structure, visual design, architecture, implementation, deployment, and release documentation.
whatsuppiyush/make-my-website-non-ai-looking-claude-skill
Plugin Claude Code
Bundles 2 skills · 156 tokens together
Two skills that build websites which look designed rather than generated, and fix the ones that already look generated. Thirty giveaway patterns tiered into bans, a budget, and requirements.
Plugin Claude Code
Bundles 1 skill · 178 tokens together
Solve UX/UI problems by researching how top design systems (Material, Apple HIG, Fluent, Polaris, etc.) handle similar patterns, presenting 3+ visual solutions as interactive HTML previews, and creating implementation plans tailored to your codebase.
Skill Codex
Write and review Arabic screen copy with RTL and bidirectional-content guidance. Use for requests combining Arabic interface wording with screen UX decisions, including forms, errors, checkout, navigation, typography, and accessibility. Not for code-only RTL debugging or general translation without product-interface…
Skill Codex
Analyze local screenshots and image files with VisionBuddy through the installed WorkBuddy CodeBuddy CLI using free Hy3 or explicitly authorized DeepSeek V4 Flash. Use when Codex needs OCR, layout inspection, UI/design analysis, image description, visual comparison, or evidence from PNG, JPEG, WebP, GIF, or BMP files…
Skill Claude CodeCodex needs its repo
Turns a Figma design into Flutter code — assets, color/text/spacing tokens, reusable appui widgets, localized views and Figma sync tracking. Use when implementing a screen, section or component from Figma.
Skill Claude CodeCodex
Distinctive, production-grade frontend design with bold aesthetic direction, curated palette/typography/layout presets, and a structured design-direction flow. Use whenever building or refining UI (landing pages, product surfaces, marketing sites, dashboards) — especially when the brief is visual, broad, or "make it…
DXBMARK/presentation-pro-designer
Skill Codex
Classify the presentation type before selecting the deck structure. Use the user's prompt, uploaded files, project sources, templates, brand guides, data, and prior examples as the primary authority. Do not force a classroom lesson structure onto corporate, proposal, verification, or investor decks.
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: