2 378 design skills from 450 authors. They decide how things look — layout, type and interface behaviour. Half of them fit into 1 928 tokens or less — that is what one costs your context window when the agent loads it. 313 ship runnable scripts rather than instructions alone. 2 of them cannot work without an MCP server, most often rube. We also found 395 copies of these same skills sitting in other people's repositories — counted once here, not 395 times.
2 378 unique 450 authors 1 385 updated this month 178 from vendors
Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
>- Guide for using the texassemble command-line tool to create cubemaps, volume maps, texture arrays, and other assembled DDS textures from individual images. Use this skill when asked about creating cubemaps, volume textures, texture arrays, merging channels, converting animated GIFs to textures, or extracting cubemap faces to cross/strip layouts.
Ensure the plugin's custom UI components are accessible to users with screen readers and other assistive technologies.
Use when developing WordPress block themes: theme.json (global settings/styles), templates and template parts, patterns, style variations, and Site Editor troubleshooting (style hierarchy, overrides, caching).
Generate technically correct, design-distinctive WordPress block patterns. Use when creating block patterns, starter page patterns, template patterns, template part patterns, or improving pattern design quality. Covers pattern registration (PHP headers, auto/manual), block markup syntax, theme.json design tokens, categories, template types, accessibility, and i18n/escaping.
Use when configuring, running, or fixing PHPStan static analysis in WordPress projects (plugins/themes/sites): phpstan.neon setup, baselines, WordPress-specific typing, and handling third-party plugin classes.
Use when you need a deterministic inspection of a WordPress repository (plugin/theme/block theme/WP core/Gutenberg/full site) including tooling/tests/version hints, and a structured JSON report to guide workflows and guardrails.
Use when working with WP-CLI (wp) for WordPress operations: safe search-replace, db export/import, plugin/theme/user/content management, cron, cache flushing, multisite, and scripting/automation with wp-cli.yml.
Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. Also use when the user asks to create or generate any component in Figma — even a single one — since components require proper variable foundations, variant states, and design token bindings to be production-quality. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files.