Web & Frontend

andrewdongminyoo Skill

Use when you want a fast, read-only snapshot of a React Native project's setup — RN/Expo version, New Architecture and Hermes flags, package manager, key config files — before deciding what to audit or upgrade. Read-only; routes to the deeper audits. A read-only reader: it surfaces stable files and commands, never changes anything.

andrewdongminyoo Skill

Use when you need a read-only inventory of React Native or Expo GitHub Actions artifact evidence before a workflow review.

aysnc-labs Bundle

Primary entry point for Angora — assesses project state (components, pages, wireframes, schema, inbox, site layouts, dark-mode config), interprets the user's intent, and routes to the right specialist skill with the right arguments. Trigger when the request spans multiple skills, is ambiguous, or asks for coordination. Phrases like 'build testimonials end to end (schema + component + page)', 'what should I work on next', 'plan out the blog system', 'walk me through adding case studies', 'where are we in the process', 'assess the project and suggest next steps' all trigger this. Do NOT trigger for concrete single-skill requests like 'update Button.astro' or 'compose the pricing page' — those bypass the router.

aysnc-labs Bundle

Review any component (`src/components/`), design-system page, layout specimen, or site page (`src/pages/*.astro`) against Angora's design rules — semantic token usage (no raw palette classes), `data-component` attributes, landmark vs content classification, heading ownership, flow spacing, container queries, accessibility extras not caught by `pnpm test:a11y`, and anti-patterns from `src/system.md`. Trigger whenever the user wants to audit, review, check, verify, or 'go through' existing work for violations, typically after building. Phrases like 'audit the pricing page', 'go through Button.astro', 'check the new Footer', 'run the audit', 'look over src/components/ and report violations' all trigger this.

crafter-station Skill

Browse and install components from the Elements registry (tryelements.dev). Use when user asks about available components, wants to explore providers, says "elements", "component library", "what components", "install from registry", "tryelements", or needs to find the right component category.

crafter-station Skill

Install AI UI components from the Elements registry. Use when user needs chat interfaces, agentic UIs (tool calls, reasoning, plans), multi-agent dashboards, or AI devtools. Triggers on "AI component", "chat UI", "agent UI", "tool call component", "streaming text", "agentic", "multi-agent", "AI SDK", "chat input", "message bubble", "thinking indicator".

crafter-station Skill

Install GitHub display components from the Elements registry. Use when user needs GitHub repo cards, profile cards, contribution calendars, star counters, language breakdowns, or activity displays. Triggers on "github component", "github card", "repo card", "contributions calendar", "github stars", "github profile", "github activity", "github languages", "star button".

crafter-station Skill

Install Upstash serverless components from the Elements registry. Use when user needs rate limit displays, Redis counters, leaderboards, queue status cards, or cache badges. Triggers on "upstash", "rate limit", "redis counter", "leaderboard component", "queue card", "cache badge", "serverless redis".

ekovegeance Bundle

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

ekovegeance Bundle

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

ekovegeance Skill

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

forever-efficient Skill

Deploy the Pitfal Solutions website to AWS. Use when user says deploy, push to production, or update live site. Runs pre-checks, builds Next.js, deploys Terraform infrastructure, syncs to S3, and invalidates CloudFront cache.

l-yifan Bundle

Create self-contained HTML artifacts when spatial layout, visual hierarchy, interaction, or sharing materially improves a substantial deliverable. Use for comparisons, diagrams, timelines, decks, data views, interactive tools, and source-bound editors that export reviewable patches. Keep short chat replies, code-only or command-only answers, and git-first source documents in Markdown or text.

pkc278 Skill

Use this skill when the user asks to create, modify, debug, validate, or scaffold a MoviePilot local plugin. Covers MoviePilot V2 plugin development, _PluginBase implementations, package.v2.json/package.json market metadata, plugins.v2/plugins source layout, PLUGIN_LOCAL_REPO_PATHS local plugin sources, plugin APIs, Vuetify JSON forms/pages/dashboards, Vue module federation remote components, get_render_mode, get_sidebar_nav, plugin sidebar pages, commands, services, workflow actions, agent tools, and local install/reload flows. Also use for Chinese requests mentioning 编写插件、本地插件源, 插件开发, V2插件, 插件市场, 本地安装插件, 插件热加载, 前端联邦, 侧栏入口, Vue插件页面.

qteqpid Skill

Use as the top-level best-practice guide when designing, implementing, refactoring, or reviewing SwiftUI iOS apps. Covers app architecture, file organization, state ownership, local-first data, theming, import/share flows, reader rendering surfaces, accessibility, performance, testing, concurrency safety, settings, release notes, and Xcode build validation. For deep framework or App Store details, pair with specialized skills such as my-ios-app-swiftui-patterns, my-ios-app-swift-concurrency, my-ios-app-swift-testing, my-ios-app-swiftui-performance, my-ios-app-ios-accessibility, my-ios-app-swiftdata, my-ios-app-pdfkit, my-ios-app-swiftui-webkit, my-ios-app-aso, or my-ios-app-store-changelog.

rabbyhub Skill

Use when adding deterministic non-production testing, typed behavior injection, lifecycle observation, or future performance instrumentation to a Rabby Mobile Screen, reusable component, or local feature boundary while preserving production behavior and excluding test implementations from production builds.

redpanda-data Bundle

Write and maintain tests with Rstest dual projects, mock utilities, and Zustand store testing patterns.

redpanda-data Bundle

Write and run Playwright E2E tests for Redpanda Console using testcontainers. Analyzes test failures, adds missing testids, and improves test stability. Use when user requests E2E tests, Playwright tests, integration tests, test failures, missing testids, or mentions 'test workflow', 'browser testing', 'end-to-end', or 'testcontainers'.

redpanda-data Bundle

Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.

redpanda-data Bundle

Resolve npm dependency vulnerabilities detected by security scans.

redpanda-data Bundle

TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.

redpanda-data Bundle

Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.

redpanda-data Bundle

Form Refactorer

redpanda-data Bundle

Manage client and server state with Zustand stores and React Query patterns.

redpanda-data Bundle

Client-side React performance optimization patterns.

redpanda-data Skill

Review UI code for Web Interface Guidelines compliance

redpanda-data Bundle

Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React Router replacement, (5) Type-safe routing, or mentions 'migrate router', 'tanstack router', 'file-based routes'.

respawn-llc Skill

Build and change desktop screens with Effect, Atom React and TanStack Query. Proactively use when implementing ViewModels, reactive state, async actions, resource lifetimes or native event streams in the desktop app.

respawn-llc Skill

Kent GUI design guide for desktop/web UI work. Use when designing or implementing Kent GUI screens, layouts, visual tokens, animations, writing React or Compose UI code.

richardkmichael Bundle

Look up MATLAB / MathWorks docs by function name, mathworks.com URL, or local help-HTML path. Use in preference to WebFetch for any mathworks.com URL — WebFetch gets HTTP 403 from the MathWorks WAF; this skill uses curl. Triggers on "matlab docs", "mathworks docs", a pasted mathworks.com docs URL, or any time you need to consult MATLAB documentation.

ron-myers Skill

Drive a real Chrome session against a running web app to find bugs and write structured findings JSON. Use when the user asks for a QA pass, smoke test, UX audit, accessibility check, or "find bugs / polish / a11y / perf / copy issues" on a route.

ruc-nlpir Bundle

Coordinator phase for Arbor: persistent ReAct loop, Idea Tree state, INIT/OBSERVE/IDEATE/SELECT/DISPATCH/DECIDE protocol, tool mapping, cycle caps, and coordinator-only behavior. Use after setup/intake and before phase-specific ideation, executor, merge, search, or report skills.

saltbo Bundle

Design, restructure, or review frontend ownership, state, effects, or browser boundaries. Not for small visual or copy edits.

strongeron Bundle

Set up Storybook on a React+Vite app that has none — defer to `npx storybook ai setup`, then align viteFinal/providers/MCP and ask where stories live. Use for 'set up Storybook', 'install Storybook', or NO_STORYBOOK.

strongeron Bundle

Write a CSF3 story for ONE React component, covering only its materially-different states (no Cartesian), with a factory when 3+ stories share a shape. Use for 'write a story for X', 'document this component', 'add a Storybook story'.

tamasbege Skill

Produce a tailored cold-start and first-load performance optimization plan for frontend apps (bundle size, FCP/LCP, code splitting, caching) and backend/serverless services (JVM startup, AWS Lambda / Azure Functions cold starts, container boot). Use when the user reports a slow first load, poor Lighthouse or Core Web Vitals scores, large JS bundles, serverless cold starts, slow Spring Boot startup, or asks how to make an app start or load faster.