agentic-atlas-react-best-practicesAudits React code for performance, bundle size, and best practices. Use when reviewing React code, auditing bundle size, finding performance issues, checking...
Install via ClawdBot CLI:
clawdbot install asimons81/agentic-atlas-react-best-practicesGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/asimons81/Agentic-AtlasAudited Apr 17, 2026 · audit v1.0
Generated Oct 7, 2026
A frontend team is preparing a major release of a React-based analytics dashboard and wants to eliminate re-render bottlenecks and bloated bundle chunks before launch. They run the React Best Practices skill across the repository to flag missing hook dependencies, inline objects in JSX, and missed code-splitting opportunities.
An online retailer notices declining conversion rates tied to slow product listing and checkout pages built with React. The skill is used to audit bundle size, detect duplicate packages, and identify heavy components that should be lazy-loaded or memoized to improve LCP and INP.
A fintech company integrating React 18 server components needs to ensure its account onboarding forms meet accessibility standards and internal code quality gates. The skill audits ARIA labels, keyboard handlers, and use client directive compliance to catch issues before security and compliance sign-off.
Maintainers of a shared React component library require contributors to pass consistent standards across performance and accessibility. They embed the skill into their pull request review workflow to automatically surface rule violations such as avoid-inline-objects-in-jsx and require-aria-labels.
A digital agency takes over maintenance of a legacy React 16-based client application and must assess technical debt before modernizing. The skill provides an initial audit report highlighting outdated patterns, bundle risks, and refactoring priorities to scope the engagement accurately.
A hosted platform that connects to a team's GitHub or GitLab repository and runs the React Best Practices skill on every pull request, posting inline comments with severity-ranked findings and fix suggestions. Teams pay a per-seat or per-repository subscription for continuous auditing.
A boutique consultancy uses the skill as the technical backbone of paid React performance and accessibility audits. Deliverables include a structured JSON report, prioritized remediation roadmap, and optional hands-on refactoring engagements.
The skill remains free and open-source under a permissive license, while the maintainers monetize through enterprise support plans, custom rule authoring, CI/CD integration assistance, and priority bug fixes for large organizations.
💬 Integration Tip
The skill requires only Node.js and a React project, so it can be run locally or wired into CI/CD pipelines like GitHub Actions with minimal setup; pipe its JSON output directly into pull request comments or dashboards for automated enforcement.
Scored Oct 7, 2026
Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
Pragmatic coding standards for writing clean, maintainable code — naming, functions, structure, anti-patterns, and pre-edit safety checks. Use when writing new code, refactoring existing code, reviewing code quality, or establishing coding standards.
Claude Code integration for OpenClaw. This skill provides interfaces to: - Query Claude Code documentation from https://code.claude.com/docs - Manage subagents and coding tasks - Execute AI-assisted coding workflows - Access best practices and common workflows Use this skill when users want to: - Get help with coding tasks - Query Claude Code documentation - Manage AI-assisted development workflows - Execute complex programming tasks
Plan, draft, version, and refine written content with enforced versioning and quality audits.
Use when writing tests, creating test strategies, or building automation frameworks. Invoke for unit tests, integration tests, E2E, coverage analysis, performance testing, security testing.