All Skills Search Tools

|

Loading...

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

Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

Home/All Skills/Frontend Development/react-best-practices

react-best-practices

Original：🇺🇸 English

Translated

React development guidelines with hooks, component patterns, state management, and performance optimization.

2installs

Sourceskillcreatorai/ai-agent-skills

Added on2026-02-04

NPX Install

npx skill4agent add skillcreatorai/ai-agent-skills react-best-practices

Tags

Translated version includes tags in frontmatter

react-development hooks-guidelines component-patterns state-management performance-optimization

SKILL.md Content

View Translation Comparison →

React Best Practices

Modern React development guidelines covering hooks, component patterns, state management, and performance optimization.

When to Use

Building React applications
Learning React best practices
Code reviews for React projects
Performance optimization

Source

This skill references patterns from Vercel's agent-skills.

Download

Download TranslatedIncludes original Skill.md

(1.0 KB)Download Original(480 B)

Related Skills

ckm:slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

make-interfaces-feel-better

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

frontend-ui-ux

Designer-turned-developer who crafts stunning UI/UX even without design mockups

legacy-circuit-mockups

Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.