Agent skill

One slash command to capture computed styles from any live page, map them to Tailwind, and return structured context your agent can act on.

Install

Run this command to give your agent the Style Capture skill:

npx skills add mblode/style-capture -g --all -y

Usage

Once installed, point your agent at any live page:

/style-capture https://example.com .hero

The skill launches a headless browser, captures computed CSS, maps to Tailwind, and returns selectors your agent can grep for, styles it can trust, and hints it can apply directly.

Compatible agents

  • Claude Code
  • Cursor
  • Any agent that supports the skills.sh format

Options

ArgumentDescription
urlThe page URL to capture from
selectorCSS selector for the element to capture
--mode curatedCommon visual properties only (default)
--mode fullAll computed styles