Agent skills directory

Setup shadcn/ui in React projects (Next.js, Vite, Astro). Use when initializing shadcn/ui, setting up Tailwind CSS v4, c...

Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or...

Generate correct shadcn/Tailwind layouts by applying CSS mental models. This skill should be used when the user asks to...

Manage shadcn/ui components using MCP tools. Use when user needs to: (1) Add new shadcn components to a project (2) Buil...

Install and configure the shadcn MCP server for Codex. Use when a user asks to enable shadcn/ui MCP tools, set up the sh...

Migration guide between Radix UI and Base UI primitives for shadcn/ui. Covers step-by-step migration, API transformation...

shadcn/ui component patterns including CVA variants, OKLCH theming, cn() utility, and composition. Use when adding shadc...

Configure shadcn/ui registries, components.json, and CLI commands. Covers default Radix registry, Base UI registry, and...

Manages shadcn registry.json file for the Zaidan project. Creates and updates registry items for UI components, hooks, C...

Bias UI work toward installing existing components from configured shadcn registries (the free @shadcn registry and the...

Use this skill whenever the user wants to install, configure, or adjust shadcn/ui itself (CLI, components.json, Tailwind...

Next.js 15 + shadcn/ui + Server Components patterns for server-rendered React applications

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides...

Manage UI components using MCP tools with primary focus on Svelte ecosystem. Specialized in Svelte component libraries i...

Build accessible, customizable UI components for Svelte/SvelteKit projects using shadcn-svelte CLI, Tailwind CSS v4.1, a...

The shadcn-svelte library itself for any Svelte project: CLI, copy-in model, anatomy, registry, theming, forms, upgrades...

React component library skill for shadcn/ui + Tailwind CSS. Use for React/Next.js/Vite projects needing accessible UI co...

Shadcn UI + Tailwind conventions (variants, reuse, dumb components)

Design tokens and theming for shadcn/ui. Covers CSS variables, OKLCH colors, dark/light mode, and theme configuration fo...

shadcn/ui theme customization for NextSpark applications. Covers tweakcn.com integration, CSS variable format, color spa...

Generate Figma architecture blueprints from shadcn component code. Use when designers need guidance on structuring compo...

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI an...

Build beautiful, accessible UIs with shadcn/ui components. Use this skill when creating forms, dialogs, tables, sidebars...

Expert in shadcn/ui component library, Radix primitives, Tailwind CSS styling, and accessible React components. Use when...

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, inst...

Implements shadcn/ui accessible components with Radix UI primitives for the Bookkeep frontend. Use when: building UI wit...

Automatisation UI pour PariScore via shadcn/ui (v4 CLI + MCP server). Installation, génération et personnalisation de co...

shadcn/ui component patterns with Radix primitives and Tailwind styling. Use when building UI components, using CVA vari...

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of acce...

Build modern React UIs with shadcn/ui components. Covers component installation, customization, theming, form integratio...

Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependenc...

shadcn/ui component patterns. Component installation, customization, theming, accessibility. Use when building UI with s...

Use when looking up or applying shadcn/ui components, blocks, or themes via shadcn MCP during frontend work.

Builds accessible UI with shadcn/ui including component installation, customization, theming, and Radix primitives. Use...

Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React...

Deep expertise on shadcn/ui component library including installation, customization, theming, and accessibility patterns...

Use when shadcn/ui component library — copy-paste React components, Tailwind CSS, Radix primitives, theming. Use when wo...

Install and customize shadcn/ui components with Tailwind CSS theming, variants, and styling. Use when adding UI componen...

A collection of beautifully designed, accessible UI components built with Radix UI and Tailwind CSS

ShadCN UI component installation workflow for Wasp projects. Use when installing ShadCN components, fixing import errors...

Build accessible, customizable UIs with shadcn/ui, Radix UI, and Tailwind CSS. Use when setting up shadcn/ui, installing...

Build, customize, and integrate accessible UI components and blocks using shadcn/ui patterns, Radix UI, Tailwind CSS, an...

Guide for proper shadcn-ui component usage - use Card for wrapping/layout, compose from base components, never modify co...

Build beautiful, accessible UI components using shadcn/ui library with Radix UI primitives and Tailwind CSS styling that...

UI component conventions for 8-bit styled components. Use when working with shadcn/ui components or implementing retro-s...

Automatically validates frontend design patterns to prevent generic aesthetics (Inter fonts, purple gradients, minimal a...

Design and build modern UI components and pages using shadcn/ui. Creates clean, accessible interfaces with Tailwind CSS...

Install, configure, and use shadcn/ui in React-style projects. Use when a repo needs shadcn/ui initialization, component...

Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best p...

shadcn/ui component patterns for this project. CVA variants, data-slot pattern, Radix composition, mobile touch targets....

shadcn/ui component library setup and customization. Use when building UIs with pre-built components.

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, an...

Apply pre-configured shadcn/ui themes with CSS variables. Use when user requests theme changes, color scheme updates, or...

Use this skill whenever the user wants to set up, configure, or refactor shadcn/ui in a Vite + React + TypeScript projec...

This skill provides best practices for using Shadcn Vue components in the fitness app. Use when working with UI componen...

Skill for scaffolding, installation, and composition of shadcn-vue components (based on Reka UI v2). Use when you need t...

Production-tested: Vue/Nuxt applications with accessible, customizable components

Build production-grade Next.js web applications with shadcn/ui, Tailwind CSS, and Framer Motion. Use when building React...

A collection of beautifully designed, accessible UI components built with Radix UI and Tailwind CSS

shadcn/ui 组件库的安装、配置、组件实现、主题定制与排障指南。在 React/Next.js/Vite/Remix 等项目中需要：(1) 初始化或升级 shadcn/ui，(2) 查阅组件 API 与示例，(3) 定制 themes...

Write Godot Shading Language shaders — use when creating spatial, canvas_item, or particle shaders.

Write GLSL fragment shaders for procedural graphics. Topics: shapes (SDF), patterns, noise (Perlin/simplex/cellular), fB...

Writes, debugs, and art-directs procedural GLSL fragment shaders (Shadertoy mainImage, WebGL2 / GLSL ES 3.00): SDF rayma...

Use when implementing shaders — Godot shader language, visual shaders, common visual recipes, and post-processing effect...

Convert Shadertoy GLSL shaders to HLSL for Alt-Tabby's D3D11 pipeline

Creating GLSL shaders with interactive parameter exploration. Use this when users request creating shaders, fragment sha...

Use when creating GLSL shaders for real-time visual effects

GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero...

Comprehensive GLSL shader techniques for creating stunning visual effects — ray marching, SDF modeling, fluid simulation...

Comprehensive GLSL shader techniques for stunning visual effects — ray marching, SDF modeling, fluid simulation, procedu...

Common shader effects skill for dissolve, outline, hologram, toon, water, fire effects.

Visual shader effects—glow/bloom, chromatic aberration, distortion, vignette, film grain, scanlines, glitch, dissolve, o...

AI shader generator for WebGL video effects, transitions, masks, and color grading (LUT / 调色 / 电影感 / film look). Use whe...

ShaderGraph — custom function nodes, sub-graphs, keyword-driven variants, master stack outputs, common patterns for URP...

Use this skill for custom shaders, materials, postprocessing, visual effects, uniforms, GLSL patterns. Trigger when the...

Procedural noise functions in GLSL—Perlin, simplex, Worley/cellular, value noise, FBM (Fractal Brownian Motion), turbule...

Shader performance optimization skill for instruction counting, GPU profiling, and rendering efficiency.

Writing and optimizing GLSL or HLSL shaders for real-time graphics rendering in game engines.

Write game shaders from cross-engine fundamentals — the vertex→fragment pipeline, coordinate spaces, UV math, and common...

Expert knowledge for GPU shader development across GLSL, HLSL, ShaderLab, and compute shadersUse when "write shader, sha...

Expert guide for writing efficient GLSL shaders (Vertex/Fragment) for web and game engines, covering syntax, uniforms, a...

Remove a shader and all its associated files from the project

Retire a shader by moving its files to legacy/shaders_retired

Advanced shader programming, visual effects, custom materials,and rendering optimization for stunning game graphics.

Control shader permutation growth by measuring variant dimensions, build cost, cache usage, and runtime selection requir...

Design or debug a GPU visual effect when shader math, textures, particles, or DOM-to-canvas synchronization is the main...

Write vertex, fragment, and compute shaders in HLSL/GLSL for post-processing, procedural textures, and water effects.

Implements visual shaders and shader code for 2D/3D effects including dissolve, outline, water, post-processing, and cus...

Use when authoring shaders/materials or building visual effects in ANY engine — the shader model (vertex/fragment/comput...

Scans your GitHub repositories, Slack workspace, and SSO logs to detect unauthorized AI tool usage. Classifies each find...

Identifies unauthorized/unofficial AI tool usage already happening in the organization (Shadow AI) and replaces it with...

Maintain or extend shadow analytics diagnostics, strategy×regime matrix, regime transition tracking, AI advisory compari...

Build parallel architectures safely without breaking current behavior.

shadow-goblin