{
  "id": "tool:storybook",
  "_kind": "Tool",
  "_file": "domain/tools/tools-saas-missing.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Storybook",
    "homepageUrl": "https://storybook.js.org",
    "kind": "other",
    "description": "Open-source tool for building UI components in isolation.\nProvides a sandbox for developing, documenting, and visually testing\nReact, Vue, Angular, and other frontend components independently.\n"
  },
  "outgoingEdges": [
    {
      "from": "tool:storybook",
      "to": "role:product-designer",
      "kind": "supports_work",
      "attributes": {
        "confidence": "medium",
        "evidence": "Component examples and visual states support design-system review."
      }
    },
    {
      "from": "tool:storybook",
      "to": "workflow:design-system-maintenance",
      "kind": "supports_work",
      "attributes": {
        "confidence": "high",
        "evidence": "Storybook is a canonical component-system projection surface."
      }
    },
    {
      "from": "tool:storybook",
      "to": "language:typescript",
      "kind": "belongs_to_language"
    },
    {
      "from": "tool:storybook",
      "to": "skill-area:frontend-development",
      "kind": "tool_used_by",
      "attributes": {}
    },
    {
      "from": "tool:storybook",
      "to": "skill-area:frontend-development",
      "kind": "used_for"
    },
    {
      "from": "tool:storybook",
      "to": "tool:chromatic",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "Frontend UI tools — Storybook is the component sandbox; Chromatic is visual testing for Storybook"
      }
    },
    {
      "from": "tool:storybook",
      "to": "tool:percy",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "Frontend testing — Storybook is component development; Percy is visual regression testing"
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "specialization:frontend-react",
      "to": "tool:storybook",
      "kind": "uses_tool"
    },
    {
      "from": "specialization:ux-ui-design",
      "to": "tool:storybook",
      "kind": "uses_tool"
    },
    {
      "from": "stack-profile:storybook-design-system",
      "to": "tool:storybook",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:visual-regression-testing",
      "to": "tool:storybook",
      "kind": "composed_of"
    },
    {
      "from": "tool:chromatic",
      "to": "tool:storybook",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "Frontend UI tools — Chromatic is visual testing for Storybook; Storybook is the component sandbox"
      }
    },
    {
      "from": "tool-server:mcp-storybook",
      "to": "tool:storybook",
      "kind": "integrates_with",
      "attributes": {}
    }
  ]
}