design

Plugin design from marketplace alancnet in alancnet/claude-plugins. Commands read from the repo's manifest — 1 month ago.

Skills (6)

• inspect

  Inspect the live design page as the user sees it — flash an element to confirm "this one?", read computed styles, measure layout, check state after an edit, or drive the toolbar mode — by running JavaScript in the open page. Use when you need real rendered values (font size, colors, widths, overflow

• open

  Open an HTML/CSS design in the user's browser with a live overlay toolbar, then listen while they click the element they mean or rewrite text in place — Claude edits the files, refreshes the page, and keeps listening. Use whenever iterating on HTML/CSS design files with a person watching — "show me

• pick

  Ask the user to point at a specific element in the live design page and get back its selector, text, HTML, and size — for resolving "which one?" mid-conversation instead of guessing. Use when a request about the design is ambiguous ("that button", "the second card", "this section"), or when the user

• resume

  Start listening to the live design page again — after polling stopped from inactivity, after the page shows "the assistant has stopped listening", or to take over listening from another chat. Use when the user says "resume", "I'm back", "keep listening", "take over", or the design toolbar's light is

• screenshot

  Screenshot the live design page or one element exactly as the user sees it — for Claude to check its own work, or saved into the project's screenshots/ folder for the user to keep or share. Use when asked to "screenshot this", "show me how it looks", "capture the hero", "save an image of the page",

• stop

  Stop listening to the live design page, or shut the design server down entirely (or restart it). Use when the user is done designing, says "stop", "stop listening", "shut it down", "close the design server", or when the server needs a restart after it misbehaves.

Similar plugins