Update to Fullstack Dev Kit

{
  "description": "Extract frame/component structure and all visible text from a Figma design URL. Use whenever a prompt or a fetched issue contains a figma.com/design or figma.com/file link.",
  "included_files": [],
  "name": "figma-fetch",
  "skill_md_contents": "---\nname: figma-fetch\ndescription: Extract frame/component structure and all visible text from a Figma design URL. Use whenever a prompt or a fetched issue contains a figma.com/design or figma.com/file link.\n---\n\n# Figma Fetch\n\nPull design context from Figma so the implementation matches the intended UI.\n\n## Trigger\n\nAny URL matching `figma.com/(design|file)/([A-Za-z0-9]+)`.\n\n## How to parse the URL\n\nGiven `https://www.figma.com/design/ABcd1234EFgh/My-File?node-id=123-456`:\n\n- **File key**: segment after `/design/` or `/file/` → `ABcd1234EFgh`\n- **Node ID**: the `node-id` query param with `-` replaced by `:` → `123:456`\n\n## How to fetch\n\nUse the **Figma MCP** tools to read the file/node. Walk the node tree; collect `TEXT` node content and the name/type of every named node, preserving nesting depth.\n\nIf the MCP server is not authenticated, tell the user to authorize the Figma connector (via `/mcp` or their claude.ai connector settings) and stop. Do not invent design content.\n\n## Output format\n\n1. **Node hierarchy** with all text content, indented by depth:\n\n```\n===== Figma Node: <name> (<type>) =====\n[FRAME] Screen name\n  [TEXT] Visible label\n  [INSTANCE] ComponentName\n    [TEXT] Button copy\n```\n\n2. **Plain-English UI summary**: what screens/components are shown, what labels exist, and the apparent layout intent.\n3. **Designer notes**: call out any text layers that read as annotations rather than UI copy.\n\n## After fetching\n\nIncorporate the Figma context into the implementation plan before presenting it to the user. When implementing:\n\n- Reuse existing project components first, then the project's UI library, and only then create new components.\n- Never use inline styles; follow the project's styling conventions (see the consuming repo's CLAUDE.md).\n"
}