В каталоге 183 730 навыков в 14 категориях.
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern desi...
Implement shadcn/ui components for PhotoVault with accessibility and theming. Use when working with UI components, forms...
shadcn/ui component library best practices and patterns (formerly shadcn-ui). This skill should be used when writing, re...
shadcn/ui — copy-paste component library built on Radix primitives, styled with Tailwind CSS, and managed via CLI.
shadcn/ui component library patterns
Install, customize, and compose shadcn/ui components with design-system awareness. Covers CLI v4, custom registries, Tai...
Add or update shadcn/ui components for FixNow by running the official shadcn CLI. Never copy component source from the s...
Modern CSS/SCSS architecture based on shadcn/ui design principles. Use this when generating any CSS, SCSS, or styling co...
Use when you need the Base UI version of shadcn/ui components, docs, CLI, theming, forms, registries, or MCP guidance fo...
Add shadcn/ui components to this project. Use when user mentions "add component", "install shadcn", "need a dialog/butto...
Use shadcn/ui components (Radix + Tailwind v4) for every UI control in EasyTask, add missing ones with the CLI, and keep...
Discover existing shadcn components from registries before building custom. Use PROACTIVELY when about to build any UI c...
Review custom components and layouts against shadcn design patterns, theme styles (Maia, Vega, Lyra, Nova, Mira), compon...
Component patterns for shadcn/ui with both Radix UI and Base UI primitives. Covers API differences, mapping between prim...
shadcn/ui component patterns for this Next.js application. Covers available components, compound patterns, variants, for...
Build UI using shadcn/ui components. Use when creating pages, forms, modals, navigation, sidebars, or any frontend UI. P...
Use when building React UIs with shadcn/ui that need cohesive, distinctive styling beyond defaults - provides systematic...
Detect whether a project uses Radix UI or Base UI as shadcn/ui primitives. Analyzes package.json, components.json, impor...
ShadCN UI + Framer Motion patterns.
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...
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...