react-project-standardReact + TypeScript 项目的完整工程规范,涵盖项目结构、组件设计、Hooks、路由、状态管理、API 层、错误处理、测试和性能优化。当用户在 React 项目中创建、修改组件或模块,涉及架构设计、代码编写时自动激活。
Install via ClawdBot CLI:
clawdbot install bovinphang/react-project-standardGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 20, 2026
A B2B software company building an internal analytics dashboard for client management. The project requires multiple pages with complex data visualizations, user authentication, role-based access control, and real-time data updates. The structured feature modules help separate authentication, reporting, and user management concerns.
An online retail business creating a modern shopping platform with product listings, shopping cart functionality, user profiles, and checkout flows. The component hierarchy supports reusable UI elements like buttons and modals while keeping product and order logic isolated in feature modules for maintainability.
A medical provider developing a patient-facing portal for appointment scheduling, medical records access, and telehealth consultations. The internationalization support handles multilingual content, while the strict TypeScript enforcement ensures data type safety for sensitive health information.
A fintech startup building a real-time trading platform with live market data, portfolio management, and transaction history. The hooks architecture supports complex state management for market data streams, while the performance optimization guidelines ensure responsive user interactions during high-frequency updates.
An edtech company creating a platform for course delivery, student progress tracking, and assignment submission. The routing structure supports nested layouts for different user roles (students, instructors, administrators), while the testing guidelines ensure reliability for educational content delivery.
Monthly or annual recurring revenue model where clients pay for access to the React-based application. The modular architecture supports frequent feature updates and A/B testing through feature flags, enabling continuous value delivery to subscribers.
One-time or annual licensing fees for large organizations deploying the application internally or to their customers. The clean separation between business logic and UI components allows for white-label customization and integration with existing enterprise systems.
Commission-based model where the React application facilitates transactions between buyers and sellers. The feature-based architecture isolates different marketplace domains (listings, payments, reviews) while maintaining shared UI components and state management across the platform.
💬 Integration Tip
Start by implementing the core app structure and routing, then gradually add feature modules as needed while maintaining the separation of concerns between pages, layouts, and business logic.
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.