# knobs

> devknobs is a dev-only panel inside the page that shows your site on an iPhone or a Pixel, tomorrow morning, in Arabic or in dark mode.

It emulates devices, locales, time, color schemes, network and motion settings from inside the page. Grab hands a coding agent an element with its html, components and source places, and an agent api lets a browser tool drive the knobs. A Chrome extension puts the same panel on any site and sets some knobs for real.

## Docs

- [start](https://knobs.dev/docs/start): Install @vinena/knobs and mount it in development only.
- [the panel](https://knobs.dev/docs/panel): Open it, move it, search it, pin it and set its keys.
- [knobs](https://knobs.dev/docs/knobs): Every knob devknobs has and what it does to the page.
- [devices](https://knobs.dev/docs/devices): Phone, tablet and laptop presets, with mocks, bezels and the phone's browser drawn around the page.
- [grab and inspect](https://knobs.dev/docs/grab): Grab an element for a coding agent, or inspect its box and css in the panel.
- [requests and storage](https://knobs.dev/docs/requests-and-storage): See every request the page makes, and read, edit and save what it keeps in the browser.
- [agents](https://knobs.dev/docs/agents): Let a coding agent drive the knobs from a browser tool, wait for the page, grab what broke and fix it.
- [chrome extension](https://knobs.dev/docs/extension): The devknobs panel on any site, with some knobs set for real by Chrome.
- [limits and faq](https://knobs.dev/docs/limits): What devknobs cannot fake from inside a page, and common questions.
- [privacy](https://knobs.dev/docs/privacy): What the npm package, the extension and knobs.dev keep, and what they send.

## Full reference

- [llms-full.txt](https://knobs.dev/llms-full.txt): every docs page in full, in one file

## Optional

- [npm](https://www.npmjs.com/package/@vinena/knobs): the @vinena/knobs package
- [Chrome Web Store](https://chromewebstore.google.com/detail/knobs/cpdmafeojnbdnnhldafobkaajiemcidj): the knobs extension
- [GitHub](https://github.com/vinenastudio/knobs): the source of the package, the extension and this site