Frontend testing with browser automation, assertions, and visual regression. Use when testing web UIs, validating user flows, checking responsive design, form submissions, login…
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.
Read-only website maintenance audit. Creates a cleanup checklist for repo shape, TypeScript, React/Next, Tailwind/CSS, API/data, state/domain, dependencies, performance,…
Create, render, validate, and save standalone HTML guides, FAQs, READMEs, tutorials, runbooks, documentation, and help pages through the whip-up-html MCP tools.
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…
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…
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).
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 refactoring Keybase Zustand stores in `shared/stores` to remove screen-local or route-owned state, keep only truly global or cross-screen data in the store, prefer…
Parse JS code through OXC and display ESTree JSON AST. Use proactively when implementing codegen, transforms, or debugging to understand how OXC represents a specific JS/TS…
Use when writing or reviewing React/TypeScript code in 1money business projects that involves state, refs, effects, callbacks, controlled components, or URL/query state.
This skill should be used when the user asks to "create a new website", "spin up a frontend", "set up a Next.js site with aegis auth", "scaffold a new web app with…
Use this skill whenever the user wants to create, build, debug, or work with Angular applications. Triggers include any mention of 'Angular', 'ng', '@angular', 'Angular CLI',…
Build, refactor, or review production-grade admin interfaces with Vue 3 + JavaScript + Ant Design Vue 4.x.
Use when writing new Rails code for a project using the PostgreSQL + Hotwire + Tailwind CSS stack. Covers stack-specific patterns only: MVC structure, ActiveRecord query — from…
Analyzes a codebase and generates animated HTML architecture reports — beautiful, bespoke visualizations with interactive animated diagrams showing how the system works.
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch…
This skill helps an agent create or troubleshoot WordPress Interactivity API behavior, from store wiring to server-rendered state and hydration checks.
Use this skill to create typed test data builders with mimicry-js and Faker for any TypeScript interface or type.
This skill should be used when the user asks about "Next.js with Bun", "Bun and Next", "running Next.js on Bun", "Next.js development with Bun", "create-next-app with Bun", or…
Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm — from…
Use this skill when the user asks to create, design, or build a UI component for Roblox using React (roact or @rbxts/react).
This skill should be used when the user asks about "client server architecture", "when to use client server", "request response", "frontend backend", "remote procedure call", or…
This skill generates interactive HTML node-graph diagrams to visualize codebase structure, class relationships, and function call chains.
This skill should be used when implementing code per an existing architecture or PLAN document. Activates when the user asks to "implement", "code this up", "build the feature",…
Initializes a new Convex project from scratch or adds Convex to an existing app. Use this skill when starting a new project with Convex, scaffolding with npm create convex@latest,…
The Lossless Group's workflow for filling in team and portfolio metadata for VC firms (and similar org work) — crawl a firm's site, fetch structured data + brand assets for people…
Create interactive Our World In Data style charts using the owid-grapher-py Python library. Use this skill when the user wants to visualize data as charts (line charts, bar…
Scaffold a new Effectstream template (a multi-chain blockchain app — sync node + state machine + on-chain contracts + optional batcher/frontend/tests/Docker) following the…
For any script that produces a file the repo COMMITS and CI DIFFS — generated HTML, lockfiles, JSON snapshots, fixture files, documentation rendered from source.
This skill should be used when the user asks to "test for XSS vulnerabilities", "perform cross-site scripting attacks", "identify HTML injection flaws", "exploit client-side…
This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code.
This skill should be used when refactoring existing CSS from inline styles or utility classes to semantic patterns.
Test-pattern doctrine. Tests are copyable from ~/.claude/patterns/tests/, three categories: input boundary, contract, effect.
> Operate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts, templates, webhooks,…
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex…
Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as…
DEPRECATED. Old Python multi-pass cluster pipeline that generated a functional graph from the code graph via intent extraction → DBSCAN clustering → outcome assignment → scenario…
Use when selecting design and UI resources for frontend work, including UI graphics, fonts, color tools, icons, logos, favicons, stock photos, videos, sound effects, vectors,…
Use this skill when developing Next.js 16 applications - creating pages, components, layouts, API routes, implementing proxy.ts, adding caching with Cache Components, or…
Use this skill when writing, reviewing, or optimizing React and Next.js code. Provides 47 performance best practices covering async patterns, bundle optimization, server/client…
SAFETY: several gNOI operations here — reboot, OS install, factory-reset — are DESTRUCTIVE and IRREVERSIBLE and can take a production BlueField or ConnectX offline; confirm the…
Bootstrap or retrofit a Vite + React 18 + TypeScript project so it uses the Domino design system (`@dominodatalab/extensions-tools`).
Run a structured engineering review against specialty checklists — automation contracts, runtime safety, frontend UI, security, or architecture.