Web & Frontend

arosenkranz Bundle

Generate an interactive HTML review page for an implementation plan — runs the plan past the trevelyan and m Goldeneye agents for critique, then renders the plan and critique as a page with per-section and general feedback boxes that copy to clipboard as Markdown. Use before a non-trivial plan is presented for approval, or on demand via /plan-review <path-to-plan.md>. Triggers on "review this plan", "plan review", "pressure-test this plan".

jerseycheese Bundle

Applied domain knowledge a mid-level engineer lacks for Narraitor - the world/character/narrative/session data model, Zustand store and persistence conventions, Next.js 15 App Router pitfalls, streaming/latency realities of Gemini, and the single-design-system (ds3) theming model. Use when reasoning about how domains relate, what a store field means, why hydration/persistence behaves oddly, or how AI-provider quirks shape the code.

jerseycheese Bundle

Narraitor's memory of painful failures, reverts, dead ends, and deliberately settled decisions. Use BEFORE proposing to remove/replace something that looks wrong or overengineered (the event bus, the react-joyride pin, split store files), before re-attempting an idea that may have been tried, when a doc or memory claims HISTORY the tree contradicts ("was X removed?", "did we already try Y?"), or when asked "why is it built this way". Do not re-fight settled battles. (Which docs to trust at all -> narraitor-repo-orientation; writing the correction -> narraitor-docs-and-writing.)

arosenkranz Skill

Interactive project scaffolding with modern tooling for Astro, Vite+React, Express API, Python CLI/Web, Monorepo, and Library projects.

arosenkranz Bundle

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

arosenkranz Skill

Scaffold Astro components, layouts, and pages with TypeScript props, Tailwind CSS styling, proper hydration patterns, and best practice defaults. Use when creating new Astro files, building component libraries, or setting up project structure.

arosenkranz Skill

Configure content collections with Zod schemas, query patterns, and type-safe access. Use when setting up blog systems, documentation sites, managing structured content, or building content-driven applications.

dralgorhythm Bundle

Produces this framework's ADR and system-design artifacts from bundled templates with trade-off analysis. Use when designing a system or component, choosing between architectures, or recording an architecture decision in the planning flow.

jerseycheese Bundle

Isolation-vs-integration parity reasoning and the component promotion ladder for Narraitor. Use when something "works in Storybook" but not the app (or vice versa), before calling any component done/integrated, when writing stories with withStores or MSW, or when deciding whether Storybook-green is enough evidence. Storybook is the canon DESIGN surface, never proof of app behavior.

jerseycheese Bundle

The load-bearing architecture invariants of Narraitor - domain boundaries, Zustand store contracts, the event bus, persistence rules, Next.js 15 server/client boundaries, and what may never be bypassed. Use before changing a store's shape, adding cross-domain imports, touching src/lib/api or src/lib/ai seams, moving logic between server and client, or whenever deps:validate / skott / boundary questions come up.

jerseycheese Bundle

Automatically run after any code change in this repo (components, stores, API routes, CSS, tests, types). Triggers on: new files, refactors, feature additions, or any edit touching src/. Reviews changes for alignment with established project patterns — design tokens, state conventions, error handling, domain boundaries, accessibility. Do NOT wait for user to ask; run as a post-edit check before committing.

codealive-ai-agents-reflection-skills Bundle

Hands-on playbook for Windows 11 disk cleanup, dev-machine optimization, and proactive health alerting. Use when the PC is full or slow, when a BSOD / Kernel-Power 41 / crash dump / commit-memory pressure happened, when the user asks to free disk space, audit storage, set up disk/memory alerts, or restore the same monitoring on a new PC. Built around native Microsoft-supported tooling (Storage Sense, cleanmgr, DISM, pnputil, vssadmin, wevtutil, powercfg) as the safety floor, a drift-protected HTML cleanup UI, and a Task Scheduler + BurntToast alerter. Covers dev machines with heavy AI/Docker/WSL workloads. Not for general Windows support, hardware diagnostics, GPU/driver troubleshooting, antivirus/malware removal, Windows Update repair, networking, or app-specific performance problems unrelated to disk or memory pressure.

nvidia-omniverse-content-agents Bundle

Own agent-driven physics planning, policy, component decisions, guarded repair, authoring, optional attested VoMP mass properties, simulation-backed validation, refinement, acceptance, and durable artifacts for a USD asset, using usd-cli only for low-level scene operations.

nvidia-omniverse-content-agents Bundle

Decompose product reference images into CAD-ready component crops, semantic part-plan evidence, exploded-view evidence, six-view prompts, and a reassembly manifest before geometry generation or reconstruction.

gabrielkoerich Bundle

End-to-end Solana development playbook (Jan 2026). Prefer Solana Foundation framework-kit (@solana/client + @solana/react-hooks) for React/Next.js UI. Prefer @solana/kit for all new client/RPC/transaction code. When legacy dependencies require web3.js, isolate it behind @solana/web3-compat (or @solana/web3.js as a true legacy fallback). Covers wallet-standard-first connection (incl. ConnectorKit), Anchor/Pinocchio programs, Codama-based client generation, LiteSVM/Mollusk/Surfpool testing, and security checklists.

iliaal Bundle

Tailwind CSS v4 patterns: CSS-first config, utility classes, component variants, v3 migration. Use when styling with Tailwind, configuring @theme tokens, using tailwind-variants/CVA, migrating v3 to v4, or fixing Tailwind styles and dark mode.

iliaal Bundle

React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vitest, React Testing Library, or reviewing React code. For visual design and aesthetic direction, use frontend-design instead.

mcouthon Skill

Build power-user interfaces: keyboard-first, information-dense, AI-present. Covers row patterns, keyboard layers, AI integration, liveness, nav chrome, color discipline, triage UX, visual impact planning, and checklists. Triggers on: 'power-ui', 'keyboard first', 'data table', 'information dense', 'command palette', 'liveness', 'nav chrome', 'color discipline', 'triage UX', 'bulk action bar', 'suggestion chips', 'drawer auto-advance', 'visual impact', 'row component'. Full access mode.

mcouthon Skill

Use when documenting architecture, understanding system structure, creating diagrams, or analyzing component relationships. Focuses on interfaces and high-level design. Triggers on: 'use architecture mode', 'architecture', 'system design', 'how is this structured', 'document the system', 'create a diagram', 'high-level overview'. Read-only mode.

iliaal Bundle

Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or applications where visual identity matters. For React patterns and testing, use react-frontend.

wayfinderfoundation Skill

How to email or text the Wayfinder Shells instance owner from agents/scripts via the notify MCP tool or NotifyClient (Markdown body rendered to themed HTML for email, throttled).

wayfinderfoundation Skill

How to read Wayfinder Shells frontend state, create chart panes, and add TradingView annotations or overlays to the default live chart or agent-created workspace charts.

besync-labs Skill

Mobile UI/UX patterns for iOS and Android. Touch-first, platform-respectful design with React Native/Expo focus.

besync-labs Skill

Web application testing principles. E2E, Playwright, component testing, and deep audit strategies.

timwukp Bundle

Generates Selenium WebDriver tests for React/Angular front-ends with STRICT loop prevention. Triggers on: "test UI", "generate Selenium tests", "test React app", "create E2E tests", "test front-end". WARNING: UI tests cost 3x more than unit tests -- generate selectively.

aussiegingersnap-cursor-skills Skill

Environment variable conventions and security practices for Next.js projects. This skill should be used when setting up environment configuration, managing secrets, or establishing security patterns for a new project.

aussiegingersnap-cursor-skills Skill

Next.js 16 specific patterns including proxy.ts (replaces middleware), cache components, and App Router conventions. This skill should be used when setting up a new Next.js 16 project or migrating from earlier versions.

aussiegingersnap-cursor-skills Skill

shadcn/studio component library with MCP integration, theme generation, and block patterns. This skill should be used when building UI with shadcn components, selecting dashboard layouts, or generating landing pages. Canonical source for all shadcn-based work.

eleva-labs Skill

Set up iOS development environment for React Native/Expo. Use when configuring Xcode, CocoaPods, iOS simulators, or troubleshooting iOS-specific build issues. Invoked by: "ios setup", "xcode", "cocoapods", "ios environment", "ios simulator".

eleva-labs Skill

Set up Android development environment for React Native/Expo. Use when configuring Android Studio, Gradle, emulators, or troubleshooting Android-specific build issues. Invoked by: "android setup", "android studio", "gradle", "android environment", "android emulator".

lttr Bundle

This skill should be used when working on Nuxt projects (v3+). Use it for building Vue applications with Nuxt's file-based routing, server-side rendering, and auto-import features. Trigger when working with .vue or .ts files in Nuxt directories (pages/, server/, composables/, middleware/), nuxt.config.ts, or when the project contains a nuxt dependency in package.json. Also trigger for questions about Nuxt concepts like composables, auto-imports, server routes, SSR/SSG patterns, or file-based routing.

lttr Bundle

Pick an element from the browser by clicking it (starts the dev server if needed) and get back its CSS selector, tag, classes, and text. Manual only.

lttr Bundle

Build a throwaway prototype that answers one design question. Plain HTML/CSS/JS in the task's .aiwork/ folder by default, or UI variants inside the app (Nuxt/Vue, ...) on a prototype branch when they must sit against real layout and data. Use for "does this state model feel right" or "what should this look like".

iuliandita Bundle

· Write/debug tests: unit, integration, E2E, TDD, mocks, fixtures, a11y, perf. Triggers: 'test', 'test spec', 'TDD', 'playwright', 'vitest', 'jest', 'pytest', 'coverage', 'flaky'. Not for security tests (use security-audit).

gaebalai-claude-code-kit-ko Skill

프론트엔드 접근성 감사를 WCAG 2.1 기준으로 수행하고, 위반 항목과 구체적인 수정안을 제시한다.

smallnest Bundle

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting YouTube transcripts, or processing batches of files. Supports 20+ formats including DOCX, XLSX, PPTX, PDF, HTML, EPUB, CSV, JSON, images with OCR, and audio with transcription.