Web & Frontend

maxbush6299 Skill

Skill for testing the Foundry Agent Accelerator. Use when writing pytest tests for the Python backend, Vitest tests for the React frontend, mocking Azure services, or testing SSE streaming.

ronnycoding Bundle

Control a self-hosted OpenWA WhatsApp API Gateway from the command line. Use this skill whenever the user wants to send WhatsApp messages (text, image, document, location, contact, interactive buttons/lists), read or react to messages, manage WhatsApp sessions and QR-code login, look up or block contacts, create and administer groups, set up webhooks, or manage API keys against an OpenWA instance. Trigger it any time OpenWA, a "WhatsApp gateway", "WhatsApp API", a local WhatsApp server on port 2785, or sending/automating WhatsApp from scripts comes up — even if the user doesn't name the script explicitly. Covers the full OpenWA REST API.

ronnycoding Skill

Search existing components before creating new ones. When a new component is unavoidable, design it for future reuse with proper props, composition, and placement in shared directories. Use when building UI, creating React/Vue/Svelte/Angular/SwiftUI components, adding buttons/forms/cards/modals/tables, scaffolding pages, or any time the user says "create a component", "add a component", "build a UI", or mentions component-like work.

normcrandall Bundle

Comprehensive web application testing using Playwright. Tests accessibility (WCAG 2.1 AA), UX principles, and functional correctness. Generates reusable test files for CI/CD integration.

grmkris Bundle

React patterns for data fetching, forms, mutations, and state management with ORPC + React Query. Use when building pages, forms, or data components.

spring-ai-alibaba Skill

Build with @vuetify/v0 headless composables and components for Vue 3. Use when creating selection state (single, multi, grouped, stepped), form validation, tab/dialog/popover UI, provide/inject context, registries, virtual scrolling, pagination, keyboard shortcuts, resize observers, theming, breakpoints, or SSR-safe browser detection. Triggers on v0, vuetify0, headless components, or WAI-ARIA patterns.

spring-ai-alibaba Skill

对现有 Nuxt 4 + Vue3 + Vuetify3 代码进行 Code Review，并给出“可落地”的重构/复用方案（逻辑抽取、CSS 去重、页面 JSON 驱动复用）。

spring-ai-alibaba Skill

规范全局 $tip Toast 的调用方式（成功默认、错误需手动指定 icon）。

spring-ai-alibaba Skill

生成符合约定式提交（Conventional Commits）的 Git 提交信息（如 `feat:xxx`）。

bikach Bundle

React and React Native coding conventions with TypeScript. Use when user says "create a component", "write a hook", "review my React code", "check conventions", or asks about naming, props patterns, accessibility, performance with React Compiler, or Tailwind/Uniwind styling. Do NOT use for backend code, Node.js, or architecture decisions.

vishalsachdev Skill

Accessibility audit and remediation for Canvas LMS courses. Scans content for WCAG-oriented issues, generates prioritized reports, guides fixes, and verifies remediation. Use when asked to "audit accessibility", "check WCAG", "fix accessibility issues", or "run accessibility review".

tommymorgan Bundle

This skill should be used when performing browser-based exploratory testing of web applications, including functional testing, visual inspection, accessibility checks, and performance analysis. Triggers when testing web UIs, checking for browser bugs, validating WCAG compliance, or measuring Core Web Vitals.

bikach Bundle

Guides backend development with hexagonal architecture, DDD, SOLID principles, and clean code practices. Use when user says "review my backend", "check architecture", "refactor this service", "design a new feature", or asks about dependency injection, code smells, or SOLID violations. Do NOT use for frontend code, React components, or infrastructure/DevOps tasks.

bikach Bundle

Clean Architecture for React Web with TypeScript and Vite. Enforces strict separation between Core (domain), Infrastructure (adapters), and UI layers. Use when user says "create a feature", "refactor this module", "review architecture", "add a use case", or asks about ports/adapters, Result pattern, viewModels, or dependency injection in React. Do NOT use for React Native, backend code, or simple UI-only components without business logic.

adamaslan Skill

Help navigate, understand, and explore the MCP Finance frontend and backend codebase structure, components, services, and architecture. Use when understanding project structure, finding files, learning how features work, or exploring the codebase organization.

adamaslan Skill

Create and manage frontend documentation for MCP Finance application. Use when documenting frontend architecture, dashboard features, API integration, component behavior, or user guides. Use when creating guides, architecture docs, or troubleshooting resources for frontend developers.

nicholasgriffintn Skill

Create distinctive, production-grade frontend interfaces with high design quality. Use when users ask to build web components, pages, or applications.

josephanson Skill

This skill provides Testing Library best practices for the fitness app. Use when writing component tests, API tests, or database tests. Covers user-centric testing patterns, query strategies, and async state handling.

josephanson Skill

DDD component architecture for Vue/Nuxt projects — folder structure, naming conventions, translation keys, and component organisation. Use when creating components, choosing file paths, naming files, structuring translations, or organising domain folders.

josephanson Skill

Team code review conventions for ProVet Cloud frontend. Use when writing Vue components, composables, templates, or translations.

agenisea Skill

Create distinctive, high-quality frontend interfaces with high design quality. Use when the user says "bliss", "bliss ui", or "bliss interface". Generates creative, accessible, polished code that avoids generic AI aesthetics.

sdyckjq-lab Bundle

Fetch any URL and convert to markdown using Chrome CDP. Saves the rendered HTML snapshot alongside the markdown, uses an upgraded Defuddle pipeline with better web-component handling and YouTube transcript extraction, and automatically falls back to the pre-Defuddle HTML-to-Markdown pipeline when needed. If local browser capture fails entirely, it can fall back to the hosted defuddle.md API. Supports two modes - auto-capture on page load, or wait for user signal (for pages requiring login). Use when user wants to save a webpage as markdown.

agentconfig Bundle

Apply consistent theming with Tailwind CSS 4, including dark mode support and design tokens. Use when styling components, fixing dark mode issues, or adjusting visual design.

agentconfig Skill

Write Playwright E2E tests following project patterns for components and user interactions. Use when adding tests for new features, testing accessibility, or validating responsive behavior.

agentconfig Bundle

Create new Preact components following project conventions with proper file structure, TypeScript types, and Tailwind styling. Use when adding UI components, sections, or interactive elements to the site.

mystenlabs Skill

Pointer to the official Mysten Labs skills for building on Sui — language fundamentals, object model, PTBs, SDKs, publishing, upgrades, frontend integration, accessing on-chain data. Maintained upstream at github.com/MystenLabs/skills; pinned to the same ref the audit catalog derives from (see maintenance/UPSTREAMS.md). Trigger on "build a contract", "publish a package", "upgrade a module or package", "use the TypeScript SDK", "write a PTB", "set up a Sui client".

cdman28 Skill

Builds user interfaces, manages client-side state, and handles API integration. Use for React/Vue/Angular component development.

nikolailehbrink Bundle

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

phantom-phantom-connect-cursor-plugin Skill

Scaffold a React app with Phantom Connect SDK for wallet integration, including social login and Solana support

phantom-phantom-connect-cursor-plugin Skill

Scaffold a React Native (Expo) app with Phantom React Native SDK for mobile wallet integration, including polyfills and deep linking

guillempuche Bundle

Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, design tokens, themes, and accessible components.

sparkling Skill

Create professional Jupyter notebooks with zero-execution styling using markdown-based CSS and HTML components following Airbnb DLS principles.

dianel555 Bundle

Fetch up-to-date library/framework/API documentation from Context7, bypassing training-cutoff limits. Use when: (1) User asks how to use/configure/install a library, framework, or SDK, (2) Code examples or API reference needed for a specific package, (3) Version-specific behavior questions (e.g., "React 19", "Next.js 15"), (4) Any npm package, GitHub repo, or framework mention (React/Vue/Next/Prisma/Tailwind/Supabase/...). Triggers: "如何实现", "怎么写", "配置", "安装", "文档", "How do I", "Show me how", "generate code", library/framework names. Differentiator: Real-time authoritative docs via Context7 API, complements grok-search (real-time news) and exa (semantic web research) — use this for library/API specifics, not general web search.

microsoft Bundle

Step-argument skill that formalizes writing an Aspire "What's new in N.N" release-notes page (src/frontend/src/content/docs/whats-new/aspire-N-N.mdx) as a repeatable lifecycle. Invoke as `/whatsnew {modality}` where modality is one of: draft/scaffold (init), research, critique, validate, polish, review. USE FOR: start/scaffold a new what's-new page for a release, research a release's changes into a dossier and author the draft prose, critique a draft, fact-check/validate the diff, polish and run data ingestion, or sign off the PR. DO NOT USE FOR: general docs pages (use doc-writer), reviewing an arbitrary docs PR (use doc-pr-reviewer), or product-repo changes. ORCHESTRATES: doc-writer, doc-pr-reviewer, doc-tester, twoslash-validator, update-integrations, update-samples, container-images.

microsoft Skill

Reviews new or changed CODE on aspire.dev for correctness, safety, and adequate test coverage — not documentation prose. USE FOR: reviewing a PR supplied as a number or URL (or the current branch's diff), checking C#/TypeScript/Astro/HTML/CSS changes for bugs, catching correctness/security/data-loss/accessibility regressions, verifying that important scenarios have unit tests, e2e tests (desktop/tablet/mobile), and axe-core accessibility tests. DO NOT USE FOR: validating documentation content or examples (use doc-tester), reviewing a documentation PR for factual accuracy (use doc-pr-reviewer), writing or fixing docs pages (use doc-writer), two-slash TypeScript blocks (use twoslash-validator), or nitpicking style/formatting (ESLint and Prettier own that). INVOKES: git (read-only diff inspection), gh (to resolve and fetch a PR by number or URL), and optionally the repo's existing test commands for verification. FOR SINGLE OPERATIONS: read the diff with git or gh pr diff and apply the relevant language checklist

microsoft Skill

Extracts all container image references (registry, image, tag) from the microsoft/aspire source code and produces a JSON data file for the aspire.dev Astro site. USE FOR: update container images JSON, refresh container image data, list all aspire container images, sync container image versions, generate container-images.json. DO NOT USE FOR: updating the container image versions in aspire source code itself (that's a product repo change), NuGet package data (use the integrations skill), or Dockerfile-based images for dev containers. INVOKES: bash, file read/write. FOR SINGLE OPERATIONS: Use grep/find to quickly check a single image tag.