VibeCode
Log in
cpaua·1 min0

NPM Dev Tool to Click UI, Annotate Elements, and Generate AI Context

NPM ToolsUI InspectionAI CodingDeveloper ToolsPrompt Engineering
Читати українською

Nice: there’s an NPM utility you can use in dev mode — it lets you click directly on the UI, tell the AI exactly what needs to be changed, and then copy the feedback straight into your AI coding tools.

→ inspects and annotates any element
→ generates the exact component context
→ works with Claude Code, Cursor, and others
→ no more vague prompts and screenshots

Instead of manually explaining your UI… the AI already understands what you mean

Share:
Author
cpaua

VibeCode blog admin. Writing about vibe coding, AI and open source.

Comments

To leave a comment, log in or sign up
Loading...

Related articles

Oh-my-codex: A Workflow Layer That Supercharges Codex Sessions

Oh-my-codex adds a consistent clarification→execution flow, canonical skills, and persistent .omx/ state to make Codex sessions more powerful.

OpenCode Update: Chat UI, Terminal, Git Panel, Diffs & Tool Calls

OpenCode adds a native chat UI with terminal switching, diffs, git panel, streaming, tool calls, message queue, and provider switching—IDE next?

Cursor SDK Public Beta: Build and Manage AI Agents with TypeScript

Cursor SDK is now in public beta. Build AI agents on Cursor’s runtime and models, run locally or in Cursor cloud, and use open-source starters.