Web & Frontend

kirrrkaz-org Bundle

Automate complete local development environment setup for Next.js + Supabase projects. Creates Supabase project, configures env vars, runs migrations, seeds data, creates test user. Useful for onboarding new developers or resetting local environment.

uitbreidenos Skill

React patterns: hooks, context, performance optimisation, component composition, state management, common anti-patterns

uitbreidenos Skill

Remix full-stack React: file-based routing, loaders, actions, progressive enhancement, session management, resource routes, error boundaries, and production deployment patterns

uitbreidenos Skill

Next.js App Router patterns: Server Components, Server Actions, route handlers, middleware, parallel routes, ISR

uitbreidenos Skill

Resend email API: transactional emails, React Email templates, email verification, password reset, notification emails, and webhook handling

uitbreidenos Skill

shadcn/ui: install components, customise variants, theming with CSS variables, compose compound components, extend with custom primitives

uitbreidenos Skill

SvelteKit: file-based routing, server/client load functions, form actions, stores, Cloudflare Workers deployment, component patterns

uitbreidenos Skill

SaaS project scaffolder: generate a complete production-ready SaaS codebase from a description — Next.js, auth, database, payments, email, and deployment configured

uitbreidenos Skill

Remotion video generation: create product demo videos, animated release notes, and explainer videos as React components — render to MP4/GIF programmatically

uitbreidenos Skill

Vue 3 patterns: Composition API, composables, Pinia state, Vue Router, async components, performance, TypeScript with Vue

uitbreidenos Skill

Better Auth: the open-source auth framework for Next.js/TypeScript — session management, OAuth, 2FA, RBAC, Drizzle/Prisma adapters, no vendor lock-in

uitbreidenos Skill

Payload CMS: TypeScript-first headless CMS, collection schemas, access control, hooks, REST+GraphQL APIs, Next.js App Router integration

uitbreidenos Skill

RBAC multi-tenant patterns: role tables, permission checks, row-level scoping, organization isolation, middleware guards for Next.js and Express/FastAPI

uitbreidenos Skill

tRPC end-to-end type-safe APIs: T3 Stack setup, routers, procedures, Zod validation, React Query integration, middleware, subscriptions

uitbreidenos Skill

Wasp framework: declarative full-stack config (React + Node.js + Prisma in one .wasp file), Open SaaS boilerplate, AI-legible architecture

uitbreidenos Skill

Unreal Engine C++ development — Actor/Component patterns, GameFramework, Blueprints integration, and UE5 best practices

uitbreidenos Skill

Vercel AI SDK: streaming AI responses to Next.js, useChat/useCompletion hooks, tool calls, generative UI, multi-provider routing (Claude, OpenAI, Gemini)

uitbreidenos Skill

- Building React Native apps with Expo managed or bare workflow

uitbreidenos Skill

Generate comprehensive API test suites from route definitions: auth coverage, input validation, error codes, pagination, and rate limiting — for Next.js, Express, FastAPI, and Django

uitbreidenos Skill

- Setting up a GraphQL client in a React or Next.js project

uitbreidenos Skill

A11Y Reviewer

uitbreidenos Skill

Design game architecture — ECS patterns, state machines, entity systems, and component composition

uitbreidenos Skill

Generate formatted podcast transcripts with speaker labels, timestamps, and accessibility formatting

uitbreidenos Skill

Build React Native apps with Expo — navigation, native modules, OTA updates, and EAS build/deploy

uitbreidenos Skill

Designs a complete solution architecture given requirements, constraints, and tech stack. Outputs system design doc with component diagram, data flows, API contracts, and deployment topology. Includes trade-off analysis and risk mitigation.

uitbreidenos Skill

Component Auditor

peterchoee Bundle

Mirror, show, control, automate, debug, and preview adb-connected Android emulators or devices from the Codex in-app browser. Use when Codex needs the Android screen opened in the right-side browser panel, visual proof, live interaction, selector automation, logcat/crash diagnosis, React Native/Expo preview deep links, Jetpack Compose preview hosts, Android XML/View preview hosts, or an Android counterpart to ios-simulator-browser.

lxl333 Bundle

Extract high-school math challenge problems from exam papers and answer PDFs/images into polished Xiaolanben-style HTML study pages. Use when Codex is given math exam PDFs/images and needs pressure-problem extraction, complete question crops, regenerated answers, full worked explanations, MathJax formulas, crop-quality review sheets, or one-HTML-per-paper专题 pages.

aeon-7 Bundle

Compose audio-reactive music videos from existing video clips and an audio track. USE THIS SKILL when the user wants to: build a music video from clips that react to the song's beats / onsets / spectral content, create rapid-cut hard-cut edits synced to a song, build a DMT-flash / Tron-aesthetic video, or compose a video where visuals respond to audio dynamics. Two scripts: reactive_compositor.py (general reactive editing across mood-bucketed clips) and dmt_flash_editor.py (10-cut hard-cut editor with chromatic aberration, bloom, and aggressive per-beat post-processing).

deedeeharris Skill

Apply RTL Hebrew rules when generating ANY document containing Hebrew text. Use alongside pptx-generator, minimax-docx, minimax-xlsx, minimax-pdf, or any HTML/web output. Fixes BiDi confusion, wrong punctuation, reversed parentheses, layout mirroring, and comma placement errors. Triggers: Hebrew, עברית, RTL, right-to-left, rtl document, Hebrew presentation, Hebrew Word doc, Hebrew Excel, Hebrew PDF, Hebrew slides, ישראל, עברי.

deedeeharris Skill

Use when asked to find gaps between a plan file and the actual codebase. Spawns parallel Claude subagents (one per codebase area: backend, frontend, tests, infrastructure, scripts) each cross-referencing the plan against real code. Aggregates into a structured gap report: planned-but-missing, implemented-but-not-planned, and partial implementations. Works in any git repo.

deedeeharris Skill

Use when a frontend development phase is complete and needs visual verification. Triggers on any browser-based project (React, Vue, Next.js, Angular, plain HTML) after building screens, completing a spec section, or when visual regressions need catching. Runs fully autonomous by default.

deedeeharris Bundle

Deploy a self-contained HTML file to Firebase Hosting with HMAC token-gated access. Pages are stored in Firebase Storage (GCS) and served by a Cloud Function. Access URLs include a derived token so pages aren't publicly indexable. Use this skill when asked to: deploy HTML to Firebase, share a page as a live link, host an interactive dashboard/page, or set up Firebase HTML hosting. Two phases: SETUP (one-time per project) and DEPLOY (per page).

deedeeharris Skill

Coding standards, patterns, and conventions for TypeScript/NestJS/React/MUI/Mongoose projects. Apply when writing or reviewing code in this stack.

z-zihan Bundle

前端项目脚手架 CLI。支持 React/Vue/Next.js/Nuxt.js/Astro/React Native + shadcn/Ant Design/MUI/Tailwind + Zustand/Redux + i18n，初始化标准化前端项目。支持 9 种项目类型：Web SPA、后台管理、移动 H5、 Electron 桌面端、Tauri 桌面端、SSR (Next.js/Nuxt)、小程序 (微信/Taro)、React Native 移动端、 静态建站 (Astro/Gatsby/VitePress)。 触发：用户要求创建新前端项目、初始化项目、搭建脚手架， 或提到"新建前端项目"、"初始化项目"、"脚手架"、"创建 React/Vue 项目"。 也可用于检查/审查已有前端项目的规范性。

z-zihan Skill

Scaffold a Mobile H5 frontend project. For mobile web pages, WeChat H5 pages, and mobile-first web apps. Features vw/vh responsive, touch gestures, safe area, and WeChat JSSDK integration. Triggered as a sub-skill of fe-cli.