Vue 工具箱（专业版）面向中高级 Vue 3 开发者与团队，在免费版陷阱清单的基础上新增性能优化、SSR/SSG、Pinia 状态管理、Composable 架构、可访问性、测试与团队规范六大模块。目标是让 Agent 能够输出"架构级"建议而不仅是单点修复。Use when…
Vue 工具箱（免费版）面向 Vue 3 开发者，聚焦 Composition API 下的高频问题：响应式陷阱、ref 与 reactive，可生成提升工作效率
Expert in Vue.js TypeScript development with Vite, Pinia, and modern UI frameworks
Integrate Vue with a Ruby on Rails app — Inertia.js as the default (server-rendered routing), classical API + SPA when Inertia doesn't fit, vite_ruby with @vitejs/plugin-vue, Vue…
Identità di un Senior Frontend Engineer specializzato in Vue.js 3, Tailwind CSS e shadcn-vue. USA QUESTA SKILL ogni volta che il task riguarda Vue 3, shadcn-vue, Pinia, Vitest,…
Wails is an open source framework for building desktop applications using Go for backend logic and standard web technologies (HTML, CSS, JavaScript) for the frontend.
Walk through a PR or large diff together — your own or someone else''s — one sub-changeset at a time and one review topic at a time within it.
Wave 16 Ingested file from json-render: packages\react-three-fiber\src\r3f-jsx.d.ts
React Three Fiber (R3F) 3D rendering — Canvas, meshes, materials, lights, cameras, animations, events, physics, post-processing, performance
Mengintegrasikan API ke frontend dengan Zod schema, response types, constants, dan react-query hooks. Gunakan saat implementasi endpoint dari API contract, Postman, atau Swagger.
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.
Master modern web development. Learn HTML/CSS/JavaScript fundamentals, React/Vue/Angular frameworks, Node.js backend, databases, APIs, and full-stack architectures.
Error boundary patterns, fallback UI, reset/retry, react-error-boundary library, React 19 createRoot error hooks
React Hook Form patterns - useForm, Controller, useFieldArray, validation resolver, performance optimization
Svelte 5 Runes reactivity - $state, $derived, $effect, $props, $bindable, components, snippets, event handling, context API
Vue 3 Composition API patterns, reactivity primitives, composables, lifecycle hooks
Builds production-grade frontend interfaces with React, Next.js, or static HTML/CSS. Component architecture, responsive design, and performance optimization.
Augment a sprint's SPEC.md with a Frontend section (component tree, state, a11y, routing, performance budget, Playwright e2e plan) tailored to the project's stack (React/ — from…
Scaffolds a browser-based game with Phaser 3, PixiJS, or Three.js including game loop, asset pipeline, responsive canvas, input handling, audio, save/load, and deployment to…
Next.js App Router patterns (15-16) - file-based routing, Server/Client Components, streaming, Suspense, metadata API, parallel routes, Server Actions, mutations, revalidation,…
SvelteKit full-stack framework - file-based routing, load functions, form actions, server hooks, SSR/SSG, API routes, streaming, progressive enhancement
Client-side routing with data APIs — loaders, actions, error boundaries, search params, nested layouts, and code splitting
MobX observable state management patterns with mobx-react-lite. Use when implementing reactive client state with observables, computed values, actions, and the observer HOC.
Design token architecture - primitive/semantic/component tiers, naming grammar, CSS custom property delivery, and DTCG build pipelines
Frontend testing with browser automation, assertions, and visual regression. Use when testing web UIs, validating user flows, checking responsive design, form submissions, login…
React Testing Library patterns - query hierarchy, userEvent, async utilities, renderHook, custom render with providers, accessibility-first testing
Vue Test Utils patterns - mount, shallowMount, wrapper API, trigger, setValue, flushPromises, testing composables, Pinia store mocking
Storybook patterns - CSF 3.0, args, controls, autodocs, play functions, interaction testing, visual testing, addons configuration
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loa — from…
Integrates MetaMask Embedded Wallets (Web3Auth) for non-custodial wallets via social login or custom JWT (Firebase, Auth0, Cognito).
Web Awesome is a UI component library built with web components. Use when building buttons, inputs, selects, checkboxes, dialogs, modals, drawers, tabs, dropdowns, tooltips,…
Implement WebMCP in web projects — add browser-native structured tools for AI agents using imperative JS or declarative HTML APIs.
Website sitemap generation workflow. Analyzes requirements, delegates to sitemap-analyst agent, generates sitemap with shadcn-ui-blocks component selections.
Will's standing rules for every website Claude builds for him (written with Claude chat, adopted 2026-10-23): GRT-first typography via grt.py, OKLCH palettes proposed as 2-3…
Read-only website maintenance audit. Creates a cleanup checklist for repo shape, TypeScript, React/Next, Tailwind/CSS, API/data, state/domain, dependencies, performance,…
Read when the user wants a page, app or site for the program, and before dispatching the frontend-builder: the verified scaffold commands, the default stack (pnpm, SvelteKit,…
Create, render, validate, and save standalone HTML guides, FAQs, READMEs, tutorials, runbooks, documentation, and help pages through the whip-up-html MCP tools.
When the user shares a note or capture via a [USER_SHARED] trigger or [Spotlight Context], naturally bring it up in conversation (getting an image description via…
Use when permanently removing a Foundation widget — retracts the WidgetType individual, deletes the Svelte component file, and removes the WidgetManager dispatch branch.
PostgreSQL's frontend/backend wire protocol — the byte-level message format between client (libpq or any driver) and backend, plus the backend-side send/receive machinery.
WMS map React components (WMS 地圖 React 元件). Use when building warehouse map editors (倉儲地圖編輯器), interactive floor plans, location visualization, or spatial management interfaces.
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loa — from…
Expert guide for headless WordPress architecture — WPGraphQL, ACF Pro, Faust.js, Next.js/Astro frontend, webhooks, and caching / Panduan ahli arsitektur WordPress headless.
Rebuild a WordPress theme as an Astro/EmDash theme for Cloudflare-native migrations. Use when converting an existing WordPress site's visual layout, theme assets, PHP templates,…
Plano de headcount forward-looking amarrado ao crescimento, o artefato estratégico de workforce planning pra CHRO/Head de People/RH.
WorkOS AuthKit is a real authentication toolkit for Next.js applications. It gives agents a concrete integration target for login, sessions, RBAC, SSO, MFA, and user management…
Curated architecture index of the WorldMonitor open-source dashboard. Reference for extracting patterns — vanilla TypeScript, Panel class hierarchy, service layer, CSS grid, API…
Use when asked how long WordPress work will take, when sizing or scoping a ticket, or when planning a sprint — covering pure WordPress (PHP/theme/plugin) and the React surfaces of…
Clones a live WordPress (or other CMS-driven) site into a static HTML site deployable on any static host (Cloudflare Pages, Netlify, Vercel, S3+CloudFront, plain Apache/nginx).
Use when writing frontend tests — Jest + React Testing Library for units (utils, hooks, components) and Cypress + Cucumber for e2e user flows.
Generates a Russian documentation article for a standard PrimeVue 3 component as it is used in BaSYS (in the form constructor and/or programmable components).
Svelte 5 and SvelteKit conventions for a-novel frontend applications and shared components. Load it whenever creating, editing, reviewing, or debugging a .svelte file, .svelte.ts…
Add WebSocket support to the Go backend with typed message protocol and auto-generated frontend client.
Fetch a matching XKCD comic and generate validated Markdown or HTML embed output for docs or terminal use.
Compétence pour manipuler les fichiers Excel (.xlsx, .xlsm, .csv, .tsv). Utiliser quand l'utilisateur veut : ouvrir, lire, éditer ou créer un fichier tableur ; ajouter des…
当电子表格文件是主要输入或输出时使用此技能。这意味着用户想要：打开、读取、编辑或修复现有的 .xlsx、.xlsm、.csv 或 .tsv 文件（例如添加列、计算公式、格式化、制图、清理混乱数据）；从头创建新的电子表格或从其他数据源创建；或在表格文件格式之间进行转换。当用户通过名称或路径引用电子表格文件时特别触发——即使是随意提及（如\"我下载目录里的…
Build XPath selectors with Biloba's b.XPath() mini-DSL — tag/id/class/text/attribute predicates, boolean logic with b.XPredicate(), tree navigation…
Use when writing or refactoring an HTML→model parser in src/enabiz_mcp/parsers.py — the standard table skeleton, the exact-id/no-fallback rule, _rows()/_cell()/_text() helpers,…
Manages zard/ui components and projects — adding, composing, styling, and debugging Angular UI built on TailwindCSS v4.
Configuration for zod-to-form code generation (defineConfig / z2f.config.ts): component library, generation defaults, file selection, and per-schema overrides.