claude-product
Product specialist for the Claude.ai UI. Carries design system tokens, chrome anatomy, typography rules, and icon conventions for faithfully simulating Claude.ai in design comps. Ensures mockups accurately represent the real product.
UI simulation layer. Used when building design comps that need to show Claude.ai accurately — for client presentations, capability demos, or concept screens.
Invoked manually when building Claude interface mockups in Paper or Figma.
How well-built the skill or agent file is — clear instructions, proper trigger conditions, gotcha coverage.
Practical daily value — how often it gets reached for and how much it accelerates work.
Market or commercial differentiation — could this be a product, a template, or a GLS differentiator.
Built June 4 2026 after recurring need to simulate Claude.ai accurately in DesignFlow concept screens.