Main Instructions

Use this skill when the user wants code and UI that closely follow the visual language of a specific product brand (for example Apple, Airbnb, Linear, or Stripe) and is working in a project where they can run CLI commands.

This skill centers around the design-like CLI, which generates brand-specific Agent Skills and IDE configuration files. These give Claude and other coding agents concrete tokens, components, and guidelines so they can design like the selected brand.

When the user expresses a desire for brand-consistent UI, or mentions one of the supported brands, follow the steps below.

Step-by-Step Guidance

1. Confirm context and brand

   • Ask the user which brand they want to design like (for example: Apple, Airbnb, Linear, Shopify, Stripe, Notion, Figma, Spotify, Slack, Discord, IBM, Salesforce).
   • Ask which IDE or agent environment they are using (for example: Claude Code, Cursor, VS Code, Antigravity).
   • Verify they can run npx commands in their project directory.

2. Guide the user to install the brand design skill

   • Instruct the user to navigate to their project root in a terminal.
   • Have them run the design-like CLI with the chosen brand: