{
  "id": "skill:react-component-generation",
  "_kind": "Skill",
  "_file": "extensions/skills/extended-skills.yaml",
  "_cluster": "extensions",
  "attributes": {
    "displayName": "React Component Generation",
    "description": "Scaffold typed React components with Tailwind / shadcn-style styling,\nStorybook stories, and unit tests. Adheres to project lint and\naccessibility conventions.\n",
    "kind": "claude-code-skill",
    "invocationMode": "model-invoked",
    "entrypoint": "SKILL.md",
    "domains": [
      "domain:web-development"
    ],
    "requiresLanguages": [
      "language:typescript"
    ],
    "sourceRef": "source-ref:anthropic-extra-skills"
  },
  "outgoingEdges": [
    {
      "from": "skill:react-component-generation",
      "to": "domain:web-development",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill:react-component-generation",
      "to": "extension-interface:reflection",
      "kind": "implements",
      "attributes": {}
    },
    {
      "from": "skill:react-component-generation",
      "to": "source-ref:anthropic-extra-skills",
      "kind": "sourced_from",
      "attributes": {}
    },
    {
      "from": "skill:react-component-generation",
      "to": "skill-area:react-components",
      "kind": "addresses",
      "attributes": {}
    },
    {
      "from": "skill:react-component-generation",
      "to": "skill-area:design-systems",
      "kind": "addresses",
      "attributes": {}
    }
  ],
  "incomingEdges": []
}