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
| Argument | Description |
|---|---|
| url | The page URL to capture from |
| selector | CSS selector for the element to capture |
| --mode curated | Common visual properties only (default) |
| --mode full | All computed styles |