AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

Home
All Skills
Search
Tools

About

About Us
Disclaimer
Copyright

Help

FAQ
Privacy
Terms

Home/All Skills/Frontend Development/react

react

Original：🇺🇸 English

Translated

Skill: react

1installs

Sourceudecode/plate

Added on2026-03-14

NPX Install

npx skill4agent add udecode/plate react

SKILL.md Content

View Translation Comparison →

name: react description: React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax. ALWAYS use when using React. Applies to files matching: *.tsx, **/globals.css.

@.claude/skills/react.mdc

Download

Download TranslatedIncludes original Skill.md

(762 B)Download Original(324 B)

Related Skills

tailwind-patterns

Production-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing scale, breakpoints, mobile-first patterns, and dark mode support. Use when building UI components, creating landing pages, styling forms, implementing navigation, or fixing responsive layouts.

distill

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

next-best-practices

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

animate

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

react

NPX Install

Tags

SKILL.md Content

name: react description: React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax. ALWAYS use when using React. Applies to files matching: *.tsx, **/globals.css.