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/cache-optimizer

cache-optimizer

Original：🇺🇸 English

Translated

Automatically cache optimizer for React Data Fetching following React 18+ best practices

1installs

Sourcerdimascio/react-marketplace

Added on2026-02-17

NPX Install

npx skill4agent add rdimascio/react-marketplace cache-optimizer

SKILL.md Content

View Translation Comparison →

Cache Optimizer Skill

Purpose

Automatically analyze and provide assistance for react data fetching in React 18+ applications.

When to Use

This skill activates when:

Working with React components
Analyzing react data fetching patterns
Optimizing code for performance
Adding TypeScript types

Best Practices

Follow React 18+ conventions
Use modern hooks patterns
Implement proper TypeScript types
Add comprehensive error handling

Download

Download TranslatedIncludes original Skill.md

(1.1 KB)Download Original(495 B)

Related Skills

angular-forms

Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field state management, and dynamic forms. Triggers on form implementation, adding validation, creating multi-step forms, or building forms with conditional fields. Signal Forms are experimental but recommended for new Angular projects.

responsive-design

Create responsive web designs that work across all devices and screen sizes. Use when building mobile-first layouts, implementing breakpoints, or optimizing for different viewports. Handles CSS Grid, Flexbox, media queries, viewport units, and responsive images.

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

remotion-video-production

Produce programmable videos with Remotion using scene planning, asset orchestration, and validation gates for automated, brand-consistent video content.