react-best-practices
Next.js and React best practices: App Router, Server Components, SSR, performance.
Skill by sharkrebel
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/sharkrebel-react-best-practices
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, backend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Python package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/react-best-practices
Tools it pre-approves 6
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
Read,Write,Edit,Glob,Grep,Bash
What's inside
- Skill name
react-best-practices- Description
- Next.js and React best practices: App Router, Server Components, SSR, performance. Triggers on: 'nextjs', 'next.js', 'react', 'app router', 'server component', 'tối ưu nextjs'.
- License
- unknown
- Allowed tools
- Read,, Write,, Edit,, Glob,, Grep,, Bash
- Instructions
- 282 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
- Pre-approves any shell command
Agent Skills spec issues
- name: "react-best-practices" does not match folder "nextjs-react-expert"
Files (11)
- 1-async-eliminating-waterfalls.md
- 2-bundle-bundle-size-optimization.md
- 3-server-server-side-performance.md
- 4-client-client-side-data-fetching.md
- 5-rerender-re-render-optimization.md
- 6-rendering-rendering-performance.md
- 7-js-javascript-performance.md
- 8-advanced-advanced-patterns.md
- SKILL.md
- convert_rules.py · scripts/
- react_performance_checker.py · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from sharkrebel/everything-everywhere-for-antigravity
- 0.669score
docx
sharkrebel
Create, read, edit, or manipulate Word documents (.docx, Word doc, file Word).
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
lieflat-charts
sharkrebel
Data visualization, charts, and report generation toolkit.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
debug-optimize-lcp
sharkrebel
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
memory-leak-debugging
sharkrebel
Diagnoses and resolves memory leaks in JavaScript/Node.js applications.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
database-design
sharkrebel
Database design principles: schema design, indexing strategy, ORM selection, normalization, migrations.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
durable-objects
sharkrebel
Cloudflare Durable Objects: stateful coordination, RPC, SQLite storage, websockets.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
api-patterns
sharkrebel
API design principles: RESTful, GraphQL, gRPC, versioning, pagination, error format.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
seo-fundamentals
sharkrebel
SEO fundamentals: On-page, Core Web Vitals, metadata, structured data, schema.org.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
webapp-testing
sharkrebel
Interactive web application testing with Playwright: UI debugging, screenshots, DOM verification.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
a11y-debugging
sharkrebel
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
vulnerability-scanner
sharkrebel
Vulnerability analysis: OWASP top 10, security audit, attack surface, code security.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
make-decision
sharkrebel
AI-powered decision-making framework: 10+ methodologies, cognitive bias detection, strategic planning, career & business decisions.
SkillAFreshness: A★ 73Claude Code +9
Compare and alternatives
Featured in
Signals
- Stars
- 73
- Forks
- 31
- Open issues
- 0
- Last commit (this folder)
- Oct 2, 2026 (25 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from sharkrebel
- 0.669score
vulnerability-scanner
sharkrebel
Vulnerability analysis: OWASP top 10, security audit, attack surface, code security.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
seo-fundamentals
sharkrebel
SEO fundamentals: On-page, Core Web Vitals, metadata, structured data, schema.org.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
webapp-testing
sharkrebel
Interactive web application testing with Playwright: UI debugging, screenshots, DOM verification.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
database-design
sharkrebel
Database design principles: schema design, indexing strategy, ORM selection, normalization, migrations.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
api-patterns
sharkrebel
API design principles: RESTful, GraphQL, gRPC, versioning, pagination, error format.
SkillAFreshness: A★ 73Claude Code +9 - 0.669score
a11y-debugging
sharkrebel
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines.
SkillAFreshness: A★ 73Claude Code +9
Cite this page
react-best-practices skill. Agent Mart. https://agentmart.dev/skills/sharkrebel-react-best-practices (last updated 2026-10-24)