В каталоге 183 730 навыков в 14 категориях.
Använd när du bygger eller granskar select-fält/dropdowns — storlekar, states och dropdown-pil enligt ECO Design System.
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names...
Style Select2 dropdowns with premium design in KLASSCI Laravel/Blade project. Use when adding or styling Select2 selects...
CSS/XPath selector best practices for web automation (dropdowns, dynamic tables, nested components). Use when: writing s...
Use this skill when designing the UX and content strategy for a Salesforce-powered self-service portal or help center —...
SaaS onboarding patterns for user activation and time-to-value optimization. Covers signup flows, progressive disclosure...
Reference for consistent visual style across procedurally generated assets. **Triggers:** "visual style", "art style",...
Replace hardcoded styles with semantic design tokens (colors, typography, spacing, sizing) across a codebase. Use when r...
Use when writing or reviewing HTML/JSX - catches divs-for-everything, skipped heading levels, onClick on non-interactive...
Semantic HTML5, SEO fundamentals, alt texts, progressive enhancement, SPA considerations, device capability detection, a...
Preserve meaning when turning concepts, pages, diagrams, product narratives, technical terms, or text-heavy ideas into v...
Reviews web pages, templates, and components for evidence-based accessibility issues in semantic HTML and document struc...
Enforce semantic CSS variable theming in Tailwind projects. Prevents raw colors (hex, rgb) and non-theme Tailwind classe...
Frontend development for React, Next.js, TypeScript, and Tailwind CSS. Use when building React components, optimizing Ne...
Frontend development for React 19, Next.js 15, TypeScript, and Tailwind CSS v4 / Pengembangan frontend dengan React 19,...
Enterprise React development skill for building CRUD applications with React 16.14, DVA 2.x, and @lianjia/antd-life comp...
资深UI/UX设计师技能，基于PRD内容和设计偏好生成设计规范。通过设计调研和用户体验分析，创建精简实用的视觉系统和交互指南。
Convert a Claude Design export into React components and a design system.
Generate AGENTS.md, CLAUDE.md, and README.md for a completed site.
Collapse the desktop header nav into a hamburger menu on mobile, with support for nested section anchors.
Generate per-page Open Graph share images.
Setup Sentry Logging in any project. Use this when asked to add Sentry logs, enable structured logging, setup console lo...
Setup Sentry Metrics in any project. Use this when asked to add Sentry metrics, track custom metrics, setup counters/gau...
Setup Sentry Tracing (Performance Monitoring) in any project. Use this when asked to add performance monitoring, enable...
Composite skill — full SEO + Accessibility audit of a website or webapp in one workflow. Chains audit-website (squirrels...
Crée des Server Actions pour Motivia. Utilise ce skill quand l'utilisateur demande une action serveur, une mutation, un...
Génère des Next.js Server Actions comme couche d'orchestration mince entre frontend et backend NestJS. À utiliser lors d...
App Shell architecture — the cached HTML/CSS/JS skeleton (header, nav, footer) served instantly via Service Worker while...
Pattern Server-First avec Next.js 16 pour data fetching optimal. MANDATORY pour toutes les pages et widgets. À utiliser...
React Server Componentsの実装パターン専門スキル。データフェッチ最適化、Suspenseストリーミング、サーバーアクション実装を提供する。Anchors:• Next.js Documentation / 適用: Se...
Expose resources and prompts by unique URI, declared capability, and control owner. This skill
Conventions for fetching, caching, and mutating server state with TanStack Query — query key shape, Suspense vs plain qu...
Create service blueprints - frontstage/backstage visualization, touchpoints, support processes, evidence, and service de...
Complete guide to implementing Service Objects in Ruby on Rails applications. Use this skill when creating business logi...
Service layer patterns including interface-based design, ServiceResult pattern, business logic encapsulation, structured...
Mid-session checkpoint when things feel squiffy. Anchor to what matters, reset for the second half. Triggers on /ground,...
Agents window architecture — covers the agents-first app, layering, folder structure, chat widget, menus, contributions,...
Core principles and workflow router for changes to the Agents Window under src/vs/sessions.
Set up configuratin files for the React project (Biome, Shadcn/UI)
Use when internationalizing a frontend project — sets up i18next + react-i18next (React) or vue-i18n (Vue) with typed me...
Use when adding client-side routing to a frontend SPA — wires TanStack Router (typed, file-based, React) or Vue Router (...
End-to-end recipe to add a new setting (user preference) to the EasyTask Settings dialog - stored pref with default and...
Audit-and-fix method for one user setting area across every repo. Use when a setting seems ignored, duplicated or confus...
Setup instructions for this project
One-time environment setup for new team members
Initialize the design system or create new UI components with accessibility, Tailwind/shadcn integration, and documentat...
Set up a new studio design system by bringing another Vue app in or starting from Nuxt UI, or adapt, replace or retire a...
Covers building Lightning Web Components on the Salesforce platform - bundle anatomy and js-meta.xml targets/targetConfi...
SF Symbols end-to-end — choosing and configuring the 7,000+ system symbols (rendering modes, variable color/draw, gradie...
Use this skill when DESIGNING sound effects - deciding what sounds to create, how to layer them, and what character they...
shadcn/ui component patterns, customization, theming, and integration.
Comprehensive shadcn/ui component library with theming, customization patterns, and accessibility. Use when building mod...
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
Use for shadcn/ui component library - searching components, viewing examples, getting add commands. Triggers on "shadcn"...
shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
shadcn/ui — Radix UI + Tailwind copy-paste; MCP for component install.
shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS...
Add and manage shadcn/ui components via CLI. Use when installing new UI components, building forms with validation, crea...
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI in any React project. U...
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.
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...
Use shadcn/ui components (Radix + Tailwind v4) for every UI control in EasyTask, add missing ones with the CLI, and keep...
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...
Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or...
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...
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...