afrexai-react-productionComplete methodology for building production-grade React applications with architecture decisions, component design, state management, performance optimizati...
Install via ClawdBot CLI:
clawdbot install 1kalin/afrexai-react-productionGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://afrexai-cto.github.io/context-packs/Audited Apr 17, 2026 · audit v1.0
Generated Mar 20, 2026
Building a scalable admin dashboard for a B2B SaaS platform, requiring real-time data visualization, user management, and complex state handling. The skill provides architecture frameworks for feature isolation and performance optimization to ensure fast load times and maintainable code as the product scales.
Developing a high-performance e-commerce site with server-side rendering for SEO, dynamic product listings, and a shopping cart. The skill's decision matrix helps choose between Next.js or Remix for content-heavy pages, while component patterns ensure reusable UI and efficient state management across user sessions.
Creating a data-intensive internal application for a large team, such as a CRM or analytics tool, with no SEO needs. The skill recommends Vite SPA for optimal bundle control and provides structure rules to enforce code quality and testing coverage, reducing maintenance overhead in a collaborative environment.
Building a hybrid site like a news portal or blog with interactive elements, where content is prioritized but requires some dynamic features. The skill guides using Astro for minimal JavaScript and fast static generation, while React components handle interactive sections like comments or polls.
Rapidly prototyping a minimum viable product for a startup, needing a flexible architecture that can evolve. The skill offers quick health checks and conventions to avoid technical debt, with templates for component design and state management to speed up iteration and testing.
Offering expert React architecture and code reviews to clients, leveraging the skill's decision frameworks and scoring systems to assess and improve existing applications. Revenue is generated through hourly or project-based contracts, with upsells for ongoing optimization and training.
Developing and selling a premium React component library or dev tools that align with the skill's conventions, such as testing suites or performance monitors. Revenue comes from subscription licenses for teams, with tiered pricing based on usage and support levels.
Providing hands-on workshops and online courses based on the skill's methodology, teaching teams to build production-grade React apps. Revenue is generated from enrollment fees, corporate training packages, and certification programs for developers.
💬 Integration Tip
Integrate this skill by starting with the quick health check to assess current projects, then apply the framework selection matrix to align with business goals. Use the project structure rules to refactor codebases incrementally.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.