Web & Frontend

damionrashford Bundle

Deploy LiveKit WebRTC SFU (docs.livekit.io — Apache-2.0 Go binary): livekit-server (SFU binary, YAML + env config), livekit-cli (admin + load-testing — create-token, load-test, room list, room join), livekit-egress (record/stream-out to HLS/MP4/RTMP), livekit-ingress (RTMP/WHIP/SRT/URL ingest), livekit-agents (realtime AI voice/video agents). Data model: Room, Participant, Track, TrackPublication. JWT access tokens with grants (room, roomJoin, canPublish, canSubscribe, canPublishData, hidden, recorder). SDKs: JS/TS, Python, Go, Rust, Swift, Kotlin, Flutter, Unity, React/React Native, Node.js, Ruby, PHP. Redis for multi-node. TURN via bundled Pion or external coturn. Cloud vs self-hosted options. Use when the user asks to run a LiveKit server, mint room tokens, record a LiveKit room, build a conferencing app, integrate LiveKit Agents, or deploy a WebRTC SFU with full SDK coverage.

damionrashford Bundle

Search and fetch official OBS Studio documentation: docs.obsproject.com (backend-design, plugins, frontends, graphics, scripting, reference-core, reference-modules, reference-core-objects, reference-libobs-util, reference-libobs-callback, reference-libobs-graphics, reference-libobs-media-io, reference-frontend-api), install wiki, obs-plugintemplate README, obs-websocket protocol reference. Use when the user asks to look up an OBS API, find an obs_ function signature, check libobs callback signatures, read OBS scripting API, search obs-websocket request/event/opcode details, learn OBS plugin authoring, look up frontend API calls, or verify an OBS SDK call against the real documentation.

abdullah4ai Skill

38 battle-tested iOS development rules covering accessibility, navigation, architecture, dark mode, localization, App Review guidelines, and more. Targets the mistakes LLMs actually make when generating Swift/SwiftUI code.

abdullah4ai Bundle

Quality review and accessibility audit workflow: severity-based findings, structured Markdown output, fix planning. Use when running /quality-review, /accessibility-audit, reviewing code quality, or auditing accessibility compliance. Triggers: review, audit, quality, accessibility, a11y, findings, severity.

abdullah4ai Skill

SwiftUI component patterns: buttons, cards, lists, sheets, alerts. Use when implementing UI patterns related to components.

abdullah4ai Skill

Accessibility: VoiceOver, Dynamic Type, reduce motion, tap targets, accessibility labels and hints. Use when implementing UI patterns related to accessibility.

abdullah4ai Skill

Color contrast and accessibility: WCAG ratios, semantic colors, dark mode pairing, text on images, opacity rules. Use when choosing colors, ensuring text readability, or validating contrast ratios for accessibility. Triggers: contrast, WCAG, foregroundColor, background, opacity, semantic color, dark mode color.

abdullah4ai Skill

External links and in-app browsing: Link component, openURL environment, SFSafariViewController, URL handling. Use when opening URLs, adding web links, or embedding an in-app browser. Triggers: Link, openURL, SFSafariViewController, URL, website, browser.

stuffbucket Skill

Root index for the react-* family — performance best practices (Vercel Engineering guidelines for React + Next.js) and composition patterns (compound components, render props, context, React 19 API changes). Use when the user asks about React or Next.js patterns, component API design, render performance, bundle optimization, or refactoring boolean-prop proliferation.

stuffbucket Skill

Root index for Tauri v2 (desktop + mobile apps from a Rust core and a WebView frontend) — setup, architecture, commands, events, plugins, security, bundling, sidecars, windows, tray/menu, updater, plugin authoring, debug/test. Use when the user asks about Tauri, `tauri.conf.json`, `invoke()`, capabilities, `tauri build`, or migrating Tauri v1 → v2. Routes to more specific tauri-* sub-skills.

stuffbucket Bundle

Evaluate and improve usability of existing front-end interfaces — local source code or live websites by URL. Use when reviewing UI, auditing interfaces, checking accessibility, evaluating designs, improving UX, or when users describe symptoms like "something feels off", "users keep abandoning this form", "conversion dropped after redesign", or "people say it's confusing".

stuffbucket Skill

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

stuffbucket Bundle

De-sloppification gate for UI — detect and remove generic "AI slop", the machine-default tells across type, color, layout, depth, decoration, motion, copy, and page structure, with an imperative check-and-fix for each. Ships a deterministic detector (scripts/detect-slop.py) that greps the code for the mechanical tells so the model only judges what a regex can't. Run it as the FINAL step after other design skills (design-frontend, design-bolder, design-polish, design-animate) to confirm no slop was introduced, or standalone when a design "looks AI-made", generic, templated, or safe. It removes slop; it does not manufacture taste — route clean-but-timid results to design-bolder.

coldbox Skill

Use this skill when creating ColdBox layouts (master page templates), building admin layouts, creating reusable view partials, implementing nested content rendering with renderView(), switching layouts dynamically per handler, or organizing HTML structure around content views.

mrciphersmith Skill

Use when: reviewing code for logic correctness, algorithmic bugs, missing error handling, async/await mistakes, null/undefined risks, race conditions, type contract violations, or spec compliance. Dispatched by review-orchestrator for --frontend, --backend, and --all. Also invoked directly: "review logic", "check correctness", "are there any bugs here". NOT for: security vulnerabilities, performance profiling, style/naming preferences, or architectural pattern concerns — those belong in their respective specialized reviewers.

mrciphersmith Skill

Use when: reviewing NestJS backend changes — API design, service layer, DTO validation, database patterns, and TypeScript correctness. Covers "review backend", "backend review", "review API", "review NestJS", or dispatched by review-orchestrator with --backend flag. NOT for: frontend patterns, MobX, React components, general security vulnerabilities (use review-security-code for XSS/injection/auth-bypass), or performance profiling (use review-performance).

mrciphersmith Skill

Use when a frontend review is requested, checking React component patterns, MobX state management (observer, actions, computed, reactions, lifecycle), View-Store boundaries, and TypeScript safety in changed frontend code. NOT for backend patterns, security vulnerabilities, performance bottlenecks, or cross-layer architecture.

mrciphersmith Skill

Use when: reviewing code that will run under high concurrency or high traffic — race conditions, connection pool exhaustion, cache invalidation, missing indexes, unbounded queues, missing backpressure, retry storms, idempotency gaps, hot-path blocking I/O, and distributed systems anti-patterns. Triggered by: "review highload", "review scalability", "highload review", "review concurrency", "review --highload", or dispatched by review-orchestrator. NOT for: frontend re-render performance (review-performance), general N+1 queries (review-performance), clean code style (review-clean-code), or NestJS module structure (review-architecture).

mrciphersmith Bundle

Use when analyzing feature branch changes across repos, planning implementation, or understanding backend→frontend contracts. NEVER start without explicit user confirmation of source, target, and branch.

mphaxise Skill

Review interfaces and product flows for WCAG-oriented accessibility, assistive technology paths, cognitive load, motion, language, and inclusive use.

wenerme Skill

Use when working with oRPC (OpenAPI Remote Procedure Call): defining type-safe RPC procedures, routers, middleware, context, error handling, event iterators (streaming), file upload/download, contract-first design, OpenAPI spec generation, server adapters (Next.js, Hono, Express, Fastify, Nuxt, Astro, Elysia, H3, SvelteKit, Remix, TanStack Start, Solid Start, WebSocket, Electron, Web Workers), client-side usage (RPC link, OpenAPI link, dynamic link), plugins (CORS, batch requests, compression, retry, CSRF, rate limit), integrations (TanStack Query, AI SDK, Better Auth, Sentry, OpenTelemetry, Pinia Colada, SWR), or migrating from tRPC.

wenerme Bundle

Vite documentation — next-generation frontend build tool. Covers configuration (shared, server, build, preview, SSR, dep optimization, worker options), features (HMR, TypeScript, CSS/PostCSS, static assets, JSON, glob import, WebAssembly, Web Workers), plugin API (hooks, HMR API, environment API), SSR, backend integration, static deployment, dependency pre-bundling, env variables and modes, CLI, build optimization, migration guide (v5→v6→v7→v8), and Environment API (frameworks, instances, plugins, runtimes). USE THIS SKILL WHEN the user asks about Vite config, plugins, HMR, SSR, build optimization, or migration.

wenerme Bundle

Use when working with Waku, the React 19 framework for React Server Components: file-system routing, createPages low-level routing, server/client components, API routes, server actions, navigation/prefetching, request context, custom routers, adapters, static or dynamic deployments, Cloudflare/AWS Lambda/Docker deployment, CSP, redirects, typed routes, no-SSR, or Waku build/runtime behavior.

wenerme Bundle

Biome documentation — fast web toolchain for JavaScript, TypeScript, JSX, JSON, CSS, and GraphQL. Covers linter (473 lint rules across accessibility, complexity, correctness, nursery, performance, security, style, suspicious categories), formatter (JS/TS/JSON/CSS/GraphQL formatting options), analyzer (import sorting), assist (actions and source actions), configuration reference (biome.json), CLI usage, editor integration, recipes (CI setup, Git hooks), and internals (architecture, changelog, credits). USE THIS SKILL WHEN the user asks about Biome linting rules, formatting config, biome.json setup, migration from ESLint/Prettier, or Biome CLI usage.

wenerme Bundle

USE THIS SKILL WHEN writing HTML/JSX with daisyUI v5, Tailwind CSS 4 component library. Covers installation, component class names (btn, card, modal, drawer, menu, tab, table, form inputs), color system (primary, secondary, accent, neutral, base, info/success/warning/error), theming with @plugin syntax, config options, and all 53 component APIs with syntax and rules. Triggers on: daisyui, daisyUI, daisy-ui, Tailwind CSS components, btn class, card class.

wenerme Bundle

Wails documentation — build desktop applications using Go and web technologies (HTML/CSS/JS). Covers installation, project creation, development workflow, building/packaging, runtime API (window, dialog, clipboard, events, menu, drag-and-drop, notifications, screen, browser, logging), CLI reference, project config (wails.json), guides (Angular, SvelteKit, frameless windows, file association, custom protocol schemes, dynamic assets, cross-platform build, code signing, Mac App Store, Windows installer, single instance lock, Linux distro support), and migration from v2. USE THIS SKILL WHEN the user asks about Wails setup, Go desktop app development, Wails runtime API, or building cross-platform desktop apps with Go + web frontend.

wenerme Bundle

Vitest documentation — next-generation testing framework powered by Vite. Covers test API (describe, test, expect, vi, hooks), mocking (modules, functions, classes, timers, dates, file system, globals, network requests), snapshot testing, coverage (v8/istanbul), browser testing (Playwright/WebDriverIO, component testing for React/Vue/Svelte, visual regression, trace view), configuration reference (120+ options), CLI commands, environments (node/jsdom/happy-dom/edge-runtime), filtering/tags, projects/workspaces, parallelism, reporters, debugging, IDE integration, type testing, in-source testing, migration from Jest, and performance profiling. USE THIS SKILL WHEN the user asks about Vitest configuration, test writing, mocking, coverage, browser testing, or migration from Jest.

wenerme Bundle

PaperMC documentation — high-performance Minecraft Java server (Paper), Velocity proxy, and Adventure text API. Covers server admin (config, Aikar's flags, anti-xray, profiling, migration from Spigot), plugin development (Brigadier commands, events, Component/Adventure/MiniMessage, entity/inventory API, scheduler, PDC, Folia), Velocity proxy (forwarding, security, tuning), and Adventure library (serializers, MiniMessage format). USE THIS SKILL WHEN the user asks about PaperMC, Paper server, Velocity, Bukkit plugins, Adventure API, MiniMessage, or Minecraft Java server.

wenerme Bundle

Use when building, configuring, upgrading, testing, documenting, or publishing Storybook component workbenches, including CSF stories, main/preview configuration, framework integrations, addons, Doc Blocks, MDX, interaction/accessibility/visual tests, or Storybook MCP.

wenerme Bundle

Use when working with Ant Design React (`antd`) official docs in Chinese: getting started, ConfigProvider, theme tokens, CSS-in-JS, SSR, compatibility, i18n, migration to v6, CLI/MCP/LLMs.txt for agents, integrations with Vite/Next/Umi/Farm/Rsbuild/Refine, design spec/patterns, resources, and Ant Design architecture/blog guidance.

wenerme Bundle

Use when implementing event-driven communication between React components using Emittery, including event types, sidecar components, or subscription hooks

wenerme Bundle

Use when building, updating, or refactoring oRPC contracts, server handlers, clients, or React Query integration

wenerme Bundle

Use when implementing React state management with Zustand, including context-scoped stores, mutative updates, or actions namespace patterns

wenerme Skill

Use when upgrading react-resizable-panels from v3 to v4, fixing v4 type/runtime errors (PanelGroup not exported, direction prop invalid, layout broken), adapting to the new Group/Separator API and percentage string syntax, or updating CSS selectors for renamed data attributes. Triggers on "react-resizable-panels v4", "PanelGroup not found", "PanelResizeHandle not found", "panel layout broken after upgrade".

kok-o Skill

ContextOS skill for React

kok-o Skill

ContextOS skill for Next.js