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

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