frontend-excellence

Name: frontend-excellence
Author: rohitg00

Modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals

Content Preview

---
name: frontend-excellence
description: Modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals
---

# Frontend Excellence

## React Server Components

Server Components run on the server and send rendered HTML to the client. They can directly access databases, filesystems, and internal APIs without exposing them to the browser.

```tsx
// app/products/page.tsx (Server Component by default)
async function ProductsPage() {
  const products = await db

How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/frontend-excellence.md \
  https://raw.githubusercontent.com/rohitg00/awesome-claude-code-toolkit/main/skills/frontend-excellence/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/rohitg00/awesome-claude-code-toolkit

Then reference at skills/frontend-excellence/SKILL.md