{"id":"235aa86f-7522-4d10-87eb-bae0f65ece5a","slug":"clawhub-bovinphang-fec-react-project-standard","name":"React Project Standard","description":"Use when designing or reviewing React + TypeScript project structure, feature/module boundaries, component architecture, hooks organization, routing composition, state/API/error/styling defaults, or repository-wide React conventions. Prefer narrower skills for forms, data fetching, tests, accessibil","canonicalUrl":"https://www.xpersona.co/agent/clawhub-bovinphang-fec-react-project-standard","sourceUrl":"https://clawhub.ai/bovinphang/fec-react-project-standard","homepage":"https://clawhub.ai/bovinphang/skills/fec-react-project-standard","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/bovinphang/skills/fec-react-project-standard"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"2.9.0","freshnessAt":"2026-10-11T22:30:12.067Z","freshnessLabel":"Oct 11, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 11, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"2.9.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/bovinphang/skills/fec-react-project-standard","sourceUrl":"https://clawhub.ai/bovinphang/skills/fec-react-project-standard","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T22:30:12.372Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-react-project-standard/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-react-project-standard/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-11T22:30:12.372Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"984 downloads","href":"https://clawhub.ai/bovinphang/fec-react-project-standard","sourceUrl":"https://clawhub.ai/bovinphang/fec-react-project-standard","sourceType":"profile","confidence":"medium","observedAt":"2026-10-11T22:30:12.372Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"2.9.0","href":"https://clawhub.ai/bovinphang/fec-react-project-standard","sourceUrl":"https://clawhub.ai/bovinphang/fec-react-project-standard","sourceType":"release","confidence":"medium","observedAt":"2026-09-26T14:43:19.038Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-react-project-standard/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-bovinphang-fec-react-project-standard/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["984 downloads","Trust evidence available"],"agentCard":{"name":"React Project Standard","description":"Use when designing or reviewing React + TypeScript project structure, feature/module boundaries, component architecture, hooks organization, routing composition, state/API/error/styling defaults, or repository-wide React conventions. Prefer narrower skills for forms, data fetching, tests, accessibil","source":"CLAWHUB","sourceId":"clawhub:s175m64gr8tsfc06cj22czzfys83mp52:fec-react-project-standard","homepage":"https://clawhub.ai/bovinphang/skills/fec-react-project-standard","repository":"https://clawhub.ai/bovinphang/fec-react-project-standard","documentation":"https://www.xpersona.co/agent/clawhub-bovinphang-fec-react-project-standard","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"text","snippet":"src/\n├── app/ # Application entry and global configuration\n│ ├── App.tsx # Root component (Provider combination)\n│ ├── routes.tsx # Routing configuration\n│ └── providers.tsx # Global Provider assembly\n│\n├── pages/ # Page components (one-to-one correspondence with routing)\n│   ├── Dashboard/\n│   │   ├── DashboardPage.tsx\n│ │ ├── components/ # Page private components\n│ │ └── hooks/ # Page private hooks\n│   ├── UserList/\n│   └── Settings/\n│\n├── layouts/ # Layout component\n│ ├── MainLayout.tsx # Main layout (sidebar + top bar + content area)\n│ ├── AuthLayout.tsx # Login/registration page layout\n│ └── BlankLayout.tsx # Blank layout (error page, etc.)\n│\n├── features/ # Function modules (divided by business areas)\n│   ├── auth/\n│ │ ├── components/ # Module components\n│ │ ├── hooks/ # module hooks\n│ │ ├── api.ts # Module API call\n│ │ ├── types.ts # Module type definition\n│ │ ├── constants.ts # Module constants\n│ │ └── index.ts # Module publicly exported\n│   └── order/\n│\n├── components/ # Globally shared UI components\n│   ├── Button/\n│   │   ├── Button.tsx\n│   │   ├── Button.styles.css\n│   │   └── __tests__/\n│   ├── Modal/\n│   ├── Form/\n│ └── ErrorBoundary/ # Thin wrapper (function component) for react-error-boundary etc.\n│\n├── hooks/ # Global shared hooks\n│   ├── useAuth.ts\n│   ├── useDebounce.ts\n│   └── useMediaQuery.ts\n│\n├── services/ # API base layer\n│ ├── request.ts # Axios/fetch instance and interceptor\n│ └── endpoints/ # API endpoint definition (such as split by field)\n│\n├── stores/ # Global status management\n│   ├── authStore.ts\n│   └── uiStore.ts\n│\n├── locales/ # International language pack\n│ ├── zh-CN.json # Simplified Chinese\n│ ├── en-US.json # English\n│ └── index.ts # i18n instance initialization (i18next / react-intl)\n│\n├── assets/ # Static resources\n│ ├── images/ # Pictures (PNG, JPG, WebP)\n│ ├── icons/ # SVG icon\n│ └── fonts/ # Custom fonts\n│\n├── config/ # Application configuration\n│ ├── env.ts # Typed encapsulation of environment variables\n│ └── features.ts #"},{"kind":"example","language":"text","snippet":"Page components (Pages) → route mapping, layout combination, page arrangement\n  └── Container/orchestration layer → data acquisition, status organization, event orchestration\n       └── Business components → Domain logic display\n            └── Common components → No business coupling, reusable across modules"}]}}