{"id":"e54dc8be-b6cb-45bc-b98a-053f31f9f52e","slug":"clawhub-skills-1kalin-afrexai-react-production","name":"afrexai-react-production","description":"Complete methodology for building production-grade React applications with architecture decisions, component design, state management, performance optimization, testing, and deployment.","canonicalUrl":"https://www.xpersona.co/agent/clawhub-skills-1kalin-afrexai-react-production","sourceUrl":"https://github.com/openclaw/skills/tree/main/skills/1kalin/afrexai-react-production","homepage":null,"source":"CLAWHUB","vendor":{"slug":"openclaw","label":"Openclaw","url":"https://github.com/openclaw/skills/tree/main/skills/1kalin/afrexai-react-production"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-02-25T06:17:59.830Z","freshnessLabel":"Feb 25, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Feb 25, 2026"},{"label":"Vendor","value":"Openclaw"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Openclaw","href":"https://github.com/openclaw/skills/tree/main/skills/1kalin/afrexai-react-production","sourceUrl":"https://github.com/openclaw/skills/tree/main/skills/1kalin/afrexai-react-production","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T00:45:39.800Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-skills-1kalin-afrexai-react-production/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-1kalin-afrexai-react-production/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T00:45:39.800Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-skills-1kalin-afrexai-react-production/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-skills-1kalin-afrexai-react-production/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["Trust evidence available"],"agentCard":{"name":"afrexai-react-production","description":"Complete methodology for building production-grade React applications with architecture decisions, component design, state management, performance optimization, testing, and deployment.","source":"CLAWHUB","sourceId":"clawhub:skills:1kalin:afrexai-react-production","repository":"https://github.com/openclaw/skills/tree/main/skills/1kalin/afrexai-react-production","documentation":"https://www.xpersona.co/agent/clawhub-skills-1kalin-afrexai-react-production","protocols":["OPENCLEW"],"languages":["typescript"],"examples":[{"kind":"example","language":"yaml","snippet":"project:\n  name: \"\"\n  type: \"\" # spa | ssr | hybrid | static\n  framework: \"\" # next | remix | vite-spa | astro\n  scale: \"\" # small (<20 routes) | medium (20-100) | large (100+)\n  team_size: \"\" # solo | small (2-5) | medium (6-15) | large (15+)\ncurrent_state:\n  react_version: \"\" # 18 | 19\n  typescript: true\n  router: \"\" # react-router | next-app | tanstack-router\n  state_management: \"\" # useState | zustand | jotai | redux | tanstack-query\n  styling: \"\" # tailwind | css-modules | styled-components | vanilla-extract\n  testing: \"\" # vitest | jest | playwright | cypress\n  ci_cd: \"\" # github-actions | gitlab-ci | vercel\npain_points: []\ngoals: []"},{"kind":"example","language":"text","snippet":"src/\n├── app/                    # Routes/pages (framework-specific)\n├── features/               # Feature modules (THE core pattern)\n│   ├── auth/\n│   │   ├── components/     # Feature-specific components\n│   │   ├── hooks/          # Feature-specific hooks\n│   │   ├── api/            # API calls & types\n│   │   ├── utils/          # Feature utilities\n│   │   ├── types.ts        # Feature types\n│   │   └── index.ts        # Public API (barrel export)\n│   ├── dashboard/\n│   └── settings/\n├── shared/                 # Cross-feature shared code\n│   ├── components/         # Generic UI components\n│   │   ├── ui/             # Primitives (Button, Input, Card)\n│   │   └── layout/         # Layout components\n│   ├── hooks/              # Generic hooks\n│   ├── lib/                # Utilities, constants\n│   └── types/              # Global types\n├── providers/              # Context providers\n└── styles/                 # Global styles"}]}}