{"product_id":"design-system-component-usage-checker","title":"Design System Component Usage Checker","description":"\u003cdiv\u003eAudits a proposed design against an established design system to determine which existing components it should reuse, where it deviates without justification, and which elements genuinely require new patterns — producing a component-by-component verdict, an inconsistency log, and a reuse-vs-net-new recommendation. Use when reviewing a screen or flow before handoff to confirm it leverages system components, when deciding whether a new pattern is warranted, or when flagging drift from the design system.\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":67607262560558,"sku":"design-system-component-usage-checker","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0982\/4203\/6014\/files\/design-system-component-usage-checker_65802f65-fda5-4607-84cd-ac4bc4d5edfc.png?v=1790906880","url":"https:\/\/penguintree.ai\/products\/design-system-component-usage-checker","provider":"penguin tree ai","version":"1.0","type":"link"}