Agent Skills

Trusted skills for AI agents from official vendors and established maintainers. Every skill is attributed to its author, scanned, and comes with install steps for your AI tool.

Connect your AI tool (MCP)

Results

117 skills

  • 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.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyLow riskHas scriptsGitHub stars of the source repository7.8k
  • Figma Use Slides

    OpenAIOfficial

    This skill helps agents use Figma's use_figma MCP tool in the Slides context. Can be used alongside figma-use which has foundational context for using the use_figma tool.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Design and implement parallax scrolling and scrollytelling data visualizations. Use when the user asks for parallax scrolling, scrollytelling, scroll-driven timelines, sticky graphics, Scrollama, ScrollTrigger, ScrollTimeline, view timelines, rich-media timelines, moviescrollers, scroll-scrubbed charts, staged narrative reveals, or interactive visual stories where scrolling changes a data visualization or media scene.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    Link-onlyGitHub stars of the source repository7.8k
  • Dark Glass Clean Layout

    Meng To· Community

    A design system for building premium, dark-themed glassmorphism interfaces with a clean, architectural workspace structure.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • A design system guide for creating premium, dark-themed technical interfaces using border-gradient shells and precise monochrome layouts.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • A design system guide for creating calm, premium, and minimal beige-toned light-mode interfaces.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Book Serif Index

    Meng To· Community

    A design system guide for creating archival, book-inspired digital reading interfaces with a premium catalog aesthetic.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Funky Purple Container Tech

    Meng To· Community

    A design system guide for creating dark-themed, container-focused interfaces with fuchsia-purple accents and futuristic, technical aesthetics.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • Unsplash Asset Images

    Meng To· Community

    Curated Unsplash image recommendations for design assets with specific aspect ratio and resolution guidance.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • Gooey Blob System

    Meng To· Community

    Create organic, fluid-merging blob animations using SVG filters.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Blue Cloudy Clean Modern

    Meng To· Community

    A design system guide for creating serene, modern, and atmospheric interfaces using sky-blue gradients and minimal white framing.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • A design system guide for creating high-contrast, tactile, and industrial-clean skeuomorphic interfaces.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Falling Leaves

    Meng To· Community

    A guide to creating realistic, performant falling leaf animations in 2D and 3D environments.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • A design system framework for creating premium, agency-style interfaces using nested container hierarchies.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Glass Dark Mode Clock

    Meng To· Community

    A design system guide for creating premium, dark-themed interfaces featuring frosted glass, sci-fi instrument aesthetics, and circular calibration dials.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Dither Laser Dark Mode

    Meng To· Community

    A design system guide for creating premium, dark-themed interfaces with subtle dither textures and restrained laser-inspired atmospheric accents.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Image First Grid Layout

    Meng To· Community

    A design system framework for creating immersive, image-led layouts with structural grid overlays and anchored content.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • A design system for creating monochrome, technical wireframe diagnostic interfaces with exploded 3D structures and sparse annotations.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Animation Systems

    Meng To· Community

    A framework for designing and implementing product-grade web motion inspired by industry-standard design systems.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • A design system for creating premium, futuristic, dark-blue mesh-gradient interfaces with disciplined structural elements.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • Framed Grid Layout

    Meng To· Community

    A design system for creating minimal, technical, and structured web layouts using framed grids and corner brackets.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITMedium riskGitHub stars of the source repository7.3k
  • 3d High Resolution Textures

    Meng To· Community

    Guidelines for creating and optimizing high-resolution, physically coherent 3D materials for efficient rendering.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • Editorial Portfolio Chapters

    Meng To· Community

    A structured design framework for building editorial-style portfolio websites where project work leads the narrative.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k
  • Documentary Brutalist Agency

    Meng To· Community

    A design framework for building high-impact, brutalist-inspired websites for creative agencies and studios.

    Design and creativeClaude CodeClaude appsOpenAI Codex+14 more
    MITGitHub stars of the source repository7.3k