Agent Skills Hub

angular-forms

Build reactive, type-safe Angular v21+ forms using the experimental Signal Forms API. Features automatic two-way binding, schema-based validation, and fine-grained field state management.

static-site-generation

A framework for managing static site generator (SSG) projects using Astro, including build optimization, GitHub Pages deployment patterns, and type-safe content collection schemas.

jupyter-notebook-testing

Test Adobe EDS blocks interactively in the browser with Jupyter notebooks. Features ES6 imports, overlay previews, responsive device testing, and zero-dependency execution.

css-modules

CSS Modules styling strategy for component-level encapsulation using Lightning CSS or PostCSS, featuring TypeScript integration and Vite configuration.

cloudflare-browser

Control headless Chrome via Cloudflare Browser Rendering using CDP. Capture screenshots, navigate pages, automate scraping, and generate videos in a Cloudflare Workers environment.

migrate-oai-app

Migrate existing OpenAI Apps SDK applications to the MCP Apps SDK, including step-by-step guidance, API mapping tables, and CSP investigation workflows.

lsp

Implementation and maintenance guide for the atopile Language Server (LSP), providing IDE features like autocomplete and diagnostics for electronics design.

chatkit-frontend

Implement production-ready AI chat interfaces using OpenAI ChatKit React components. Features include hook configuration, streaming, theming, conversation history, and custom tool integration for Next.js applications.

Building Frontend Dashboards

Build responsive React dashboards using TypeScript, shadcn/ui, TanStack Query, and Supabase. Ideal for creating KPI cards, data tables, charts with Recharts, and admin interfaces for event-studio.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

ui-styling

Build accessible, consistent UIs using shadcn/ui and Tailwind CSS. Employs a component-first architecture for design systems, React Hook Form integration, and responsive mobile-first development.

crowi-migration

Automated migration workflow from legacy Crowi (Express/Swig) to modern architecture (Next.js 16/Fastify/ts-rest).