react-syntax-forms
Use when building forms, handling form submission, implementing form validation, or using React 19 form actions. Prevents the common mistake of mixing…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,036 results
react-syntax-hooks-advanced
Use when working with advanced hooks, integrating external stores, or using React 19 form and promise hooks. Prevents the common mistake of using useEffect for…
react-syntax-refs
Use when accessing DOM elements, forwarding refs to child components, implementing imperative APIs, or managing mutable values across renders. Prevents the…
tools-ui
Tool lifecycle UI components for React/Next.js from ui.inference.sh. Display tool calls: pending, progress, approval required, results. Capabilities: tool…
stitch-loop
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
design-page
Use before the first line of markup for any HTML a human will look at — a dogfood test guide, a report, a dashboard, a landing page, a published artifact, a…
crisp-reading
CRISP Reading: An AI deep-reading partner that integrates Adler's analytical reading, book breakdown methods, Zettelkasten, and the Feynman Technique to analyze books and produce interactive HTML reading reports. Triggers: read this book, analyze this book, is this book worth reading, book review, reading notes, deep reading.
multi-chart-draw
A drawing tool supporting multiple chart types, including mind maps, flowcharts, data visualization charts, mathematical function graphs, etc.; it can generate charts in formats such as Mermaid, ECharts, Mindmap, DrawIO, GeoGebra, etc., according to user needs, and export them as PNG, SVG, HTML, and other formats
react-architectural-patterns
Invoke when design-architect or code-developer designs React 19 component architecture. Provides component type taxonomy, composition patterns, state…
hz-metavrx-layout-sdk
Build multi-window Meta Horizon OS experiences with the MetaVrx Layout SDK in Jetpack Compose or React Native. Covers framework selection, setup, anchoring,…
hz-metavrx-ui-set
Builds app UI for Meta VR and Horizon OS with the MetaVrx UI Set, a Jetpack Compose component library and design system. Covers UiSetTheme, buttons, cards,…
gsap-react
Use when using GSAP with React, useGSAP hook, React component animations, ScrollTrigger in React, or managing GSAP lifecycle in React components.
gsap-text
Use when implementing text animations, text effects, character/word/line animations, text reveals, scrambling effects, or using SplitText, TextPlugin,…
more-css
Write scalable, well-architected CSS using design tokens, cascade layers, and modern organization patterns. Use this skill as the default for any real project…
setup-design-handoff
Install the design→code handoff machinery into a project — a token contract (the single named-decision layer for colors, type roles, spacing), design-study…
frontend-design
Build frontend interfaces (components, pages, dashboards, posters) with distinctive, non-generic design. Writes actual HTML/CSS/React code with…
frontend-skill
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led…
prd-to-uiux-rd-spec
Produce a "replication-grade, implementable" UI/UX R&D specification document package from a product PRD (directory isomorphic skeleton, common foundation, component/page contracts, coverage mapping, index, and worklog). Suitable for scenarios where a PRD needs to be turned into front-end replicable specification documents, UI/UX R&D specifications, interface contracts, and acceptance criteria; avoid using it for requests that only need visual inspiration/pure UI appreciation or direct code implementation.
senior-frontend
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance,…
react-dev
This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components…
assistant-ui
Build and maintain assistant-ui based React chat apps with reliable setup, runtime selection, LangGraph wiring, tool UI integration, and upgrade workflows. Use…
aesthetic-system
Actionable design system complementing official frontend-design plugin. The plugin provides philosophy; this skill provides executable patterns. Invoke…
ping-orchestration-react-native-sdk
Guide for building React Native apps that integrate with the Ping Identity React Native SDK (npm scope: `@ping-identity`; packages:…
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…