Web & Frontend

kreuzberg-dev Bundle

Convert HTML to Markdown, Djot, or plain text with structured extraction. Use when writing code that calls html-to-markdown APIs in Rust, Python, TypeScript, Go, Ruby, PHP, Java, C#, Elixir, R, C, or WASM. Covers installation, conversion, configuration, metadata extraction, tables, document structure, inline images, URL fetching, and CLI usage.

kreuzberg-dev Skill

Use when the user wants a single page rendered as clean Markdown plus structured metadata. Covers `crawlberg scrape URL`, JSON vs Markdown output, what metadata is returned, and how to handle JS-heavy pages.

kreuzberg-dev Skill

Use when extracting metadata from HTML — title, description, language, Open Graph, JSON-LD / Microdata / RDFa, headers, links, and images. Covers the --json output shape and the --extract-metadata flag.

kreuzberg-dev Skill

Use when fetching a live URL and converting it to Markdown. Covers --url, custom user agents, preprocessing for noisy pages, and the --json ConversionResult shape.

richfrem Bundle

Orchestrates the full prototype build cycle for a Subject Matter Expert. Coordinates layout confirmation and component building — it does not build components directly. Acts as the single entry point for all prototype-related requests. Trigger phrases: "build a prototype", "create a working prototype", "show me a working version", "prototype to clarify scope", "build an exploratory prototype"

fusengine Bundle

Use when building type-safe forms in React with TanStack Form v1 — Zod/Yup/Valibot validation, async validation, field arrays.

fusengine Bundle

Zustand v5 state management for React. Use when implementing global state, stores, persist, or client-side state.

fusengine Bundle

Use when applying SOLID principles to React architecture — file-size limits, hook separation, src/interfaces/, JSDoc.

fusengine Bundle

Use when starting ANY development task -- feature, bug fix, refactor, hotfix (triggers: implement, create, build, fix, add feature, refactor, develop).

fusengine Bundle

Use when optimizing images or other assets in Astro — <Image />, <Picture />, getImage(), Fonts API, or OG image generation.

zpankz Bundle

Compose intellectually sophisticated persuasive essays using tripartite dialectical structure (establish-critique-synthesize), paradox accumulation, conversational register calibration, and strategic humility. Supports three atomic writing primitives (AGONAL α, MAIEUTIC β, APOPHATIC γ) with hypersoft plithogenic composition, plus legacy style modes and hybrid combinations. Triggers on requests for persuasive writing to mixed/skeptical audiences, defending counterintuitive claims, Socratic pedagogical dialogue, editorial first-person essays, or writing that must balance accessibility with depth. Implements recursive thematic anchoring, forced dilemma construction, and transformed return closure. Use when linear argumentation is insufficient and accumulated tension resolves through synthesis.

fusengine Bundle

Use when implementing Next.js authentication with Better Auth — OAuth, 2FA, magic links, SSO, Stripe billing, or session management.

fusengine Bundle

Use when implementing i18n in Next.js 16 — next-intl or DIY dictionaries, locale routing, language switch, or formatters.

fusengine Bundle

shadcn/ui for React with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or accessible components.

aretedriver Bundle

Builds backend APIs and server logic with FastAPI, Flask, Express, or Next.js API routes. Database design, authentication, and API documentation.

aretedriver Bundle

Builds production-grade frontend interfaces with React, Next.js, or static HTML/CSS. Component architecture, responsive design, and performance optimization.

zpankz Bundle

Designer-turned-developer who crafts stunning UI/UX even without design mockups. Use when building user interfaces, improving visual design, creating components, or when the user needs help with styling, layout, or user experience.

fusengine Bundle

Use when handling form submissions, mutations, or server-side logic with type safety in Astro via defineAction / astro:actions.

fusengine Bundle

Use when managing structured content, blog posts, or typed data collections in Astro via the Content Layer API (content.config.ts).

fusengine Bundle

Use when adding interactivity to Astro pages via client:* directives or rendering dynamic server content with server:defer.

fusengine Bundle

Use when styling Astro components — scoped CSS, CSS Modules, Tailwind CSS, UnoCSS, Sass, the class:list directive, or global styles.

fusengine Bundle

Use as the master reference for a full Next.js 16+ stack — Prisma 7, Better Auth, shadcn/ui, TanStack Form, Zustand. Not for core framework API details (use nextjs-16).

fusengine Bundle

Use when applying SOLID principles to Next.js architecture — modular structure, file size limits, interface separation, JSDoc.

fusengine Bundle

Testing Library for React 19 - render, screen, userEvent, waitFor, Suspense. Use when writing tests for React components with Vitest.

fusengine Bundle

Use when migrating a project from Tailwind v3 to v4, mapping @theme namespaces to generated utilities, or looking up renamed/removed v3 utilities.

fusengine Bundle

Use when configuring Content Security Policy (CSP) in Astro 7 — security headers, script/style hashes, nonces, or experimentalStaticHeaders.

fusengine Bundle

Use when adding or reviewing motion on an already-settled layout or component — never to hide or compensate for an unfinished one.

aretedriver Bundle

Audits web applications for accessibility compliance — WCAG 2.2 AA/AAA conformance, ARIA patterns, keyboard navigation, screen reader support, color contrast, and semantic HTML. Use when reviewing UI code for accessibility, fixing a11y issues, or ensuring compliance with ADA/Section 508 requirements.

fusengine Bundle

Complete Vite bundling for Laravel - assets, HMR, SSR, frameworks, optimization. Use when configuring frontend build pipeline.

fusengine Bundle

Use when building UI components in Next.js App Router with shadcn/ui — forms, dialogs, tables, toasts, accessible components.

amo-tech-ai-rocket-path-ai Skill

Write tests for React components, Edge functions, and integration tests using Vitest and React Testing Library. Use when writing tests, test-driven development, or debugging test failures.

amo-tech-ai-rocket-path-ai Skill

Create 3-panel dashboard layouts (Left = Context, Main = Work, Right = Intelligence) with React, TypeScript, and Tailwind CSS. Use when implementing dashboard screens, creating new dashboard pages, or following 3-panel architecture.

zpankz Bundle

Enforces official Claude Code component standards. Use when creating skills, agents, commands, or hooks. Validates existing components and offers remediation. Implements the "one skill = one specialized agent" architecture pattern.

fusengine Bundle

Use when auditing React or Next.js components for unnecessary or unsafe useEffect usage -- detects 9 anti-patterns from "You Might Not Need an Effect".

fusengine Bundle

Use when building a documentation site with Astro Starlight — sidebar config, Pagefind search, plugins (blog/openapi/typedoc), i18n, llms.txt.

fusengine Bundle

Use when designing an Android screen or flow — deliverable is a device-framed HTML mockup and developer handoff spec, never Compose code.