art == design == code.
Price
is an npm package that provides a drawing overlay for annotating and manipulating DOM elements visually. It sits on top of your localhost website, allowing developers to annotate, draw, and select DOM elements directly on the live page.
We made website development drawable. Scribble on your localhost like a whiteboard, point at what bothers you, and connect directly to AI coding agents. Because explaining which "the button should be 50% left" is way harder than just... moving it.
Key Concepts
Architecture
skema/ ├── packages/ │ ├── skema-core/ # Main React component │ │ ├── src/ │ │ │ ├── components/ # Skema overlay │ │ │ ├── tools/ # Custom tldraw tools │ │ │ └── utils/ # Coordinate utilities │ │ └── package.json │ └── skema-example/ # Next.js demo └── package.json # Root workspace