{
  "ocm": "1",
  "id": "khalidsaidi-skillrunner-react-patterns",
  "kind": "skill",
  "name": "react-patterns",
  "description": "React best practices and patterns",
  "publisher": "khalidsaidi",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "react",
      "patterns",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "React best practices and patterns"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/khalidsaidi/skillrunner",
      "path": "registry/skills/react-patterns/SKILL.md",
      "ref": "c4da92076cba308457cd72bd1ab06c087e2cdf96",
      "url": "https://github.com/khalidsaidi/skillrunner/blob/c4da92076cba308457cd72bd1ab06c087e2cdf96/registry/skills/react-patterns/SKILL.md",
      "key": "khalidsaidi/skillrunner/registry/skills/react-patterns/SKILL.md"
    }
  },
  "instructions": "# React Patterns\n\n- **Composition**: Prefer composition over prop drilling; use context sparingly\n- **State**: Lift state only as needed; use useReducer for complex state\n- **Effects**: Keep effects minimal; extract logic to custom hooks\n- **Keys**: Stable keys for lists; avoid index when order can change\n- **Memoization**: React.memo, useMemo, useCallback only when profiling shows benefit",
  "cost": {
    "context_tokens": 98
  }
}