AI Skills Registry

Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behav

Design search experiences that help users find what they need, recover from failure, and refine results.

CLI output formatting standards for worktrunk. Load before editing any code that calls warning_message, hint_message, error_message, info_me

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runt

Start, inspect, and drive the PostHog dev stack. Use for /run and /verify on this repo — when asked to launch PostHog, check whether the sta

Frontend development guidelines for the Phoenix AI observability platform. Use when writing, reviewing, or modifying React components, TypeS

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js appl

Comprehensive Expo React Native feature development guide. This skill should be used when building mobile app screens, navigation, data fetc

Search 21st.dev component registry for production-ready React components. Finds components by natural language description, filters by frame

Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrati

Next.js 16 with App Router, Server Components, Server Actions, Cache Components. Use for React 19.2 apps, SSR, or encountering async params,

Builds configuration-driven CRUD tables with the Avue framework, including column definition, pagination, search, sorting, row operations (a

Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component style

Use when building React Native UI components with core components, custom components, and component patterns. Covers View, Text, Image, Scro

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when

OmniStudio FlexCard creation and validation with 130-point scoring. Use when building at-a-glance UI cards, configuring data source bindings

Use when asked to design a UI component, specify a button, input, card, modal, badge, or any interactive element. Examples: "design a button

React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React c

Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file

Create a new App Store Connect app record via browser automation. Use when there is no public API for app creation and you need an agent to

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web