{"product_id":"component-generator","title":"Component Generator","description":"\u003cdiv\u003eGenerates complete design system component documentation including a component description, anatomy breakdown, usage guidelines (do's and don'ts), a full props API table, accessibility requirements, states specification, and a variant matrix. Use when documenting a new component, standardizing an existing one, or building out a design system's component library reference.\u003c\/div\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cem\u003eThis skill is delivered as a \u003ccode\u003e.zip\u003c\/code\u003e archive containing the skill in a named folder, matching the Anthropic SKILL.md format. Extract directly into your Claude Code skills directory (\u003ccode\u003e~\/.claude\/skills\/\u003c\/code\u003e) to install — or open and paste the contents into Claude.ai, ChatGPT, or any other AI tool.\u003c\/em\u003e\u003c\/div\u003e","brand":"penguin tree ai","offers":[{"title":"Default Title","offer_id":52471412457774,"sku":"component-generator","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0982\/4203\/6014\/files\/component-generator_ce5d9284-06a9-4a21-bbe7-cbdc91ec0588.png?v=1787002292","url":"https:\/\/penguintree.ai\/products\/component-generator","provider":"penguin tree ai","version":"1.0","type":"link"}