Render the GAME-DESIGN document (the GDD) into a human-readable form — read-only Markdown chapters under docs/design/ (index, systems, flows, content, economy, glossary), with…
AG-UI (Agent-User Interaction) protocol reference for building AI agent frontends. Use when implementing AG-UI events (RUN_STARTED, TEXT_MESSAGE_*, TOOL_CALL_*, STATE_*), building…
Use when an existing codebase needs an architecture review. Explores the codebase, generates current-state architecture diagrams using Mermaid.js, evaluates against architecture…
Use after superpowers:brainstorming approves a design spec and before writing-plans is invoked. Reviews the spec, generates architecture diagrams using Mermaid.js, evaluates…
Backend-for-Frontend architecture patterns for API aggregation, data transformation, and client-specific optimization.
Audit a codebase for maintenance and modernization. Challenges scope, reviews architecture/quality/tests/performance/dependencies, files deferred work via bd.
React, MDX, and Tailwind CSS integration patterns for Astro websites. Use when adding React components, configuring MDX content, setting up Tailwind styling, integrating component…
Probe a target for accidentally-public admin / debug / introspection endpoints — Spring Boot Actuator, Apache server-status, Prometheus metrics, GraphQL playground, Swagger UI,…
Next.js development (App Router, Server Components, caching, streaming). Trigger when the user works with Next.js, modifies app/, pages/, next.config, or talks about RSC, Server…
React/Next.js performance optimization. Trigger when the user wants to optimize rendering, reduce re-renders, or improve Core Web Vitals.
LangChain ReAct agent implementation with tool binding for reasoning and action loops
Configure CI/CD workflows for publishable hyperfrontend libraries. Use when adding CI configuration for a new library, fixing lib-ci-workflows lint errors, or setting up path…
Проверка LSP и Serena prerequisites для Python/Rust/Dart/Flutter/TS/JS/Go/C++/Qt/YAML/Docker/HTML/CSS/Shell.
Маршрутизация LSP-воркфлоу для type checking, диагностик, символов, рефакторинга. Используй для: LSP, лсп, language server, проверь типы, type checking, найди символ, диагностики…
Health check all services across environments. Checks frontend URLs, backend GraphQL endpoints, and reports response times.
Use when React Hooks patterns including useState, useEffect, useContext, useMemo, useCallback, and custom hooks. Use for modern React development.
Use when handling platform-specific code in React Native for iOS and Android. Covers Platform API, platform-specific components, native modules, and cross-platform best practices.
Generates PDF documents using the React-PDF library (@react-pdf/renderer) with TypeScript and JSX.
Svelte 5 and SvelteKit: runes reactivity, component composition, routing, data loading, form handling.
MUI server-side rendering with Next.js — App Router, Pages Router, RSC compatibility, Emotion cache, and Pigment CSS
Storybook 10 testing patterns with Vitest integration, ESM-only distribution, CSF3 typesafe factories, play() interaction tests, Chromatic TurboSnap visual regression, module…
Refresh local-elections (общински избори) data — download ЦИК's csv.zip bundles + per-município HTML pages and rebuild data//.
Drop in a 3-paragraph "what is this?" page for new users, per frontend framework; optionally collapses into the architecture page when both standards are enabled
주제·청중·목적에 맞춘 편집 가능한 PowerPoint(.pptx)를 결론과 다음 행동이 먼저 보이도록 만듭니다. 필요한 조사 → 스토리라인 → python-pptx 제작 → 렌더 검증 순으로 실행하며 고정 템플릿 없이 내용에 맞게 구성합니다.
Build a capability end-to-end — backend vertical slice (Contracts→handler→validator→endpoint) AND the React page wired to it.
Scaffold a test for a react-native-css feature following the project's testing conventions.
특정 고객·산업을 위한 실제 동작하는 AI·App Platform 운영 데모를 단일 HTML SaaS 앱으로 생성합니다. Golden Runtime과 고정 GitHub Primer Dark Dimmed 계열 soft-dark 디자인을 재사용하고 고객 주요사업 5개 메뉴와 GitHub Ecosystem·Microsoft…
Standalone post-generation QA pass that lints any frontend output (HTML/JSX/Vue/Svelte/CSS) against the named anti-pattern catalogue and proposes specific rewrites with severity…
Assert the work behaves by iterating the project's coding assertions until they pass, plus optional architecture and frontend facets. Use to validate an implementation.
The 1-to-N lens for a frontend system that is already alive: the enemy is no longer building, it is ENTROPY — boundaries eroded by one "just this once" cross-import at a time, and…
Clone any website with a coordinated team of AI agents — a Manager (you), a Frontend Developer, a Backend Architect, and a Tester — that iteratively and autonomously build a…
Stellar dApp / frontend development. Covers the JavaScript stellar-sdk (browser + Node.js), Freighter wallet, Stellar Wallets Kit (multi-wallet), Wallet Standard, smart accounts…
Frontend design patterns with React 19.2 and TypeScript 6 examples (Composition, Compound Components, Custom Hooks, Render Props, HOC, State Machines).
Use when adding state management to a module - creates Svelte store with server state integration.
Creates a complete, faithful digital version of a board game as a single-file HTML/JS/CSS application.
Visualize git diffs as interactive HTML reports with architecture diagrams and change analysis. Use when asked to visualize, review, or summarize a diff, branch, commit, or PR.
Generate multiple unique web design variations for any website or web application. Accepts site specifications from a file (--spec path) or pasted text block.
This skill should be used when the user asks to "create a ReAct agent", "build an agent with tools", "implement tool-calling agent", "use dspy.ReAct", mentions "agent with tools",…
Implement React components from Figma designs. Use after figma-design-react has analyzed the design, or directly with a Figma URL to run analysis and implementation in one shot.
Storybook の story が指す Figma node-id が広すぎる/古い場合に、対象コンポーネントに対応する正しい子 node-id を解決して story の Figma URL を更新する。「Figma と story の紐付け直して」「figma の node 絞り込んで」「story の design URL…
Guide for integrating modern web frameworks with Capacitor. Covers Next.js static export, React, Vue, Angular, Svelte, and others.
Implement or refactor Next.js frontend features with Tailwind and Skeleton UI. Covers App Router, Server Components, Server Actions, Skeleton themes and components, layout…
Install the Intercom Messenger on a website or web application with secure JWT-based identity verification.
Per-role analytics for jadecli knowledge worker plugins — measure ROI across data-engineering, frontend-engineering, integration-engineering, and analytics-engineering roles.
Cross-System Code-Analyse und Developer-Handoff fuer AutomationOne. Versteht Nutzerauftraege, verfolgt Daten- und Steuerfluesse quer durch ESP32, MQTT, Server und Frontend anhand…
Use when switching a project or component between frameworks - React to Vue, Vue to Svelte, or any supported framework pair.
Audit/fix Next.js i18n SEO — crawlability, 307 redirects, locale URLs, sitemap, hreflang.
Next.js SEO optimization guide. Use when building Next.js apps, optimizing for search engines, fixing Google indexing issues, implementing metadata, sitemaps, robots.txt, JSON-LD,…
Creates Next.js frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn, Tailwind, or modern frontend patterns.
Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow…
Audit React components for unnecessary useEffect patterns. Detects 9 anti-patterns from "You Might Not Need an Effect" and proposes fixes with severity levels.
Summarize WHAT WAS SHIPPED in a Claude Code session as a self-contained HTML slide deck — the elevator pitch (problem, solution, decisions, artifacts, verification, gaps), not a…
Render an ARIS Markdown / JSON artifact (IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, PAPER_PLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading.
Tune an existing runner game — CONFIG difficulty, theme CSS, bloom — without rewriting architecture. Trigger `/runner-tune `.
Comprehensive Svelte 5 assistant — component generation with runes syntax, code review, debugging, and SvelteKit patterns.
Start een Agent Team voor E2E frontend testing. Gebruik na feature development om de app via de browser te verifiëren, of voor regressietests.
The correctness lens for a frontend build, organized around one question that decides whether your test suite is a safety net or a straitjacket: does this test go red when…
Static-analysis review pass over HTML/CSS/JSX/Astro source for 2026 web design anti-patterns and must-do violations.
The state-architecture lens for a frontend build — the heart of the system. Use after keel's skeleton works, when designing or auditing state, or when "it's out of sync" bugs keep…
React Native and Expo best practices for Wythm mobile-app.