Навыки: Дизайн

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

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

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

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

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

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

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

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

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

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 GLSL fragment shaders for procedural graphics. Topics: shapes (SDF), patterns, noise (Perlin/simplex/cellular), fB...

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

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

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

Plan feature UX before coding via a structured design interview that produces an actionable design brief.