changelog-page
Scaffold public changelog page for Next.js apps. Creates page, RSS feed, and GitHub API client.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,032 results
highlights
Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible…
react-testing-library-best-practices
React Testing Library best practices for writing maintainable, user-centric tests. Use when writing, reviewing, or refactoring RTL tests. Triggers on test…
shadcn_ui-context-menu
Show context menus on right-click with ShadContextMenuRegion, ShadContextMenuItem, submenus, dividers. Use when adding right-click menus, actions, or nested…
shadcn_ui-form
Build forms with ShadForm, validation, and form field values; use ShadInputFormField, ShadCheckboxFormField, ShadSelectFormField, ShadDatePickerFormField, etc.…
shadcn_ui-input
Use ShadInput for text fields; placeholder, leading/trailing widgets, obscureText; ShadInputFormField for forms with validation. Use when adding text inputs,…
shadcn_ui-popover
Show rich content in a popover with ShadPopover, ShadPopoverController; trigger button, toggle. Use when adding popovers, floating panels, or button-triggered…
shadcn_ui-resizable
Build resizable panel layouts with ShadResizablePanelGroup and ShadResizablePanel; horizontal/vertical axis, defaultSize, minSize, maxSize, showHandle. Use…
sankhya-dashboard-html-jsp-custom-best-pratices
This skill should be used when the user asks for patterns, best practices, creation, or fixing of Sankhya dashboards using HTML, JSP, Java, and SQL.
feature-builder
Build complete React features with proper layered architecture including UI components, business logic, API integration, and state management. Use this skill…
astro-performance
Core Web Vitals and performance optimization for Astro sites. LCP preloading, font strategy, image patterns, critical path, third-party scripts, Cloudflare Tag…
angular-best-practices
Execute a micro-level modern Angular (2+/Angular CLI, TypeScript) code quality audit. Validates code against live GitHub standards for testing, component &…
angular-health-audit
Execute a comprehensive modern Angular (2+/Angular CLI, TypeScript) frontend Project Health Audit. Analyzes tech stack & runtime, module/component…
angularjs-best-practices
Execute a micro-level AngularJS (Angular 1.x) code quality audit. Validates code against live GitHub standards for testing, module/component architecture,…
sveltekit-data-flow
SvelteKit data flow guidance. Use for load functions, form actions, and server/client data. Covers +page.server.ts vs +page.ts, serialization, fail(),…
storybook-init
Use when adding Storybook to a project that does not have Storybook configured yet.
with-tanstack-query
Compose React Table v9 with TanStack Query for server filtering, sorting, pagination, and infinite data. Load for query-key table state, manual* processing…
gpui-components
Generates Rust code for GPUI desktop UI components following Zed editor patterns. Use when building desktop applications with gpui crate, creating themed UI…
accessibility
MUI accessibility patterns, ARIA attributes, and WCAG compliance
advanced-widgets
Top 0.01% MUI patterns — sparkline grid cells, heatmap DataGrids, real-time WebSocket grids, AI assistant, save/restore grid state, bi-directional chart+grid,…
react-best-practices
Complete Guide to the React Project Development Workflow (Chinese). Covers technology stack selection, Monorepo architecture (pnpm + Turborepo), development standards, Git commit conventions, Changelog management, testing strategy, code review, development workflow, and documentation management. Suitable for React + TypeScript + Zustand + TanStack Query +…
frontend-design-frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
frontend-design
Create distinctive, production-grade web interfaces with high design quality. Use for components, pages, dashboards, and full applications that need to stand…
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…