next-config-optimization
Use when configuring Next.js builds, optimizing images/fonts/scripts, setting up metadata, or working with Turbopack. Invoke for next.config.js setup, Image component optimization, Font loading, Script strategies, or build configuration.
implement-feature
A workflow for implementing new features in YT Lite v3, covering backend (FastAPI), frontend (templates/static), and design aesthetics.
fsharp-backend
Implement F# backend using Giraffe + Fable.Remoting with proper layer separation. Use when: "implement backend", "add API", "create endpoint", "server logic", "business rules", "backend for X", "API implementation", "server-side", "Giraffe", "Fable.Remoting". Layers: Validation → Domain (pure) → Persistence (I/O) → API. Creates code in src/Server/: Validation.fs, Domain.fs, Persistence.fs, Api.fs.
kotlin-ktor
Ktor framework - routing, authentication, WebSockets
client-server-data-flow
Implement type-safe client-server data flows in Next.js applications using Supabase, TanStack Query, React Hook Form, and Zod validation. Use when building CRUD features, handling forms with validation, implementing file uploads, or creating server actions with authentication and authorization. Essential for pages requiring data mutations with proper loading states, error handling, and query cache management.
error-handling
Centralized error handling system for StepLeague using AppError class, error codes, and reporting. Use when implementing error handling, catching exceptions, or displaying error messages to users. Keywords: error, exception, AppError, ErrorCode, catch, try, toast, logging.
backend-development
Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI/CD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI/CD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.
global-tech-stack
Understand and utilize the project's technology stack including NestJS, Next.js, Prisma, PostgreSQL, and TypeScript. Use this skill when making technology decisions, when choosing libraries or packages, when understanding framework-specific patterns, or when configuring development tools. This includes NestJS with feature-based modular architecture, Next.js 15 with App Router, Prisma ORM for database access, PostgreSQL, TypeScript with strict mode, pnpm for package management, Turborepo for monorepo orchestration, and shared workspace packages. Apply when setting up new features, choosing dependencies, or understanding the overall system architecture.
phoenix-framework
Master Phoenix framework with LiveView, channels, contexts, Ecto, and real-time web applications with Elixir.
supabase-auth-ssr-setup
This skill should be used when configuring Supabase Auth for server-side rendering with Next.js App Router, including secure cookie handling, middleware protection, route guards, authentication utilities, and logout flow. Apply when setting up SSR auth, adding protected routes, implementing middleware authentication, configuring secure sessions, or building login/logout flows with Supabase.
frontend-dev
前端开发专家,负责 Next.js 14 App Router + React 18 + TypeScript + Ant Design + Zustand 前端应用开发。遵循契约驱动、统一UI规范、访问控制、可测试性工程基线。处理登录鉴权、动态表单、内容管理UI、E2E测试。适用于收到 Frontend 部门任务卡(如 CMS-F-001)或修复类任务卡时使用。
panel-patterns
This skill should be used when the GM needs panel creation ideas or atmospheric enhancement suggestions. Triggers on: - "What panels should I create" or "panel suggestions" - Requests for atmospheric panels matching genre or location - Patterns for combat, travel, dungeon, or social scenarios - Best practices for when to create, update, or dismiss panels Provides pre-defined patterns organized by context (universal, location, genre, game state).
microsim-vis-network
Create an educational MicroSim using the vis-network JavaScript library. Each MicroSim is a directory located in the /docs/sims folder. It has a main.html file that can be referenced with an iframe. The main.html file imports the main JavaScript code to run the educational MicroSim.
arcanea-lore-master
Maintains consistency in Arcanea world-building, including academy systems, magical mechanics, character lore, and narrative coherence across the fantasy multiverse platform
tg-character-templates
Character template system for World of Darkness character creation. Use when implementing template selection in character creation flows, creating/managing CharacterTemplate objects, adding template support to new character types, or working with the template import/export features. Triggers on character template work, pre-configured character concepts, template selection views.
aidaresume
AIDA Resume - Continue from last session state. Reads session.json and resumes from where AIDA left off. Useful for continuing interrupted implementations.
flame-systems
Flame Engine 14 game systems - quest, dialogue, inventory, combat, save/load, shop, crafting, and more
arcanea-lore-master
Maintains consistency in Arcanea world-building, including academy systems, magical mechanics, character lore, and narrative coherence across the fantasy multiverse platform