AI Skills Registry

Teaches design patterns for building AI-powered React interfaces. Use when creating chatbots, intelligent assistants, streaming UIs, or any

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

LobeHub internationalization with react-i18next. Use when adding any user-facing string in `.tsx`/`.ts` files, creating or renaming a key un

OmniStudio Data Mapper (formerly DataRaptor) creation and validation with 100-point scoring. Use when building Extract, Transform, Load, or

Write effective UI copy including microcopy, error messages, empty states, and CTAs.

Multi-surface rendering with json-render — same JSON spec produces React web, Next.js apps, React Native, Ink terminal UIs, PDFs, emails, Re

This skill should be used when the user asks to "check accessibility", "audit WCAG compliance", "scan HTML for a11y issues", "check color co

Expert-level toolkit for modular Godot 4.x CLI automation and headless build orchestration. Use this skill when you need to: (1) Build comp

Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, lo

Generate format-controlled research reports with evidence tracking, citations, source governance, and multi-pass synthesis. This skill shoul

Convert a web URL into cleaned Markdown with deterministic routing. Use when Codex needs to read article-like content from links and should

Use when optimizing React Native Web performance. Provides patterns for code splitting, bundle optimization, memoization, and web-specific p

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refacto

SPA roots-vs-features split for LobeHub — thin route segments under `src/routes/` delegate to domain components under `src/features/`. Use w

Create error boundaries, error handling, and fallback UIs for React applications. Use when implementing error handling, creating fallback co

TanStack Router type-safe file-based routing for React. Use for SPAs, TanStack Query integration, Cloudflare Workers, or encountering devtoo

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals.

Reference for Zustand 5.x state management including slices, middleware, Immer, useShallow, persistence, selectors, and devtools integration

Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibilit

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing an

Run browser-based web tests against websites using Actionbook CLI. Activate when the user wants to test a website workflow, run smoke tests,

ElevenLabs text-to-speech with mac-style say UX.