Skillget

DOMPrompter

skill
Guvenlik Denetimi
Uyari
Health Uyari
  • No license — Repository has no license file
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Community trust — 13 GitHub stars
Code Gecti
  • Code scan — Scanned 1 files during light audit, no dangerous patterns found
Permissions Gecti
  • Permissions — No dangerous permissions requested
Purpose
This tool is a visual desktop application for macOS that lets you select webpage elements, tweak CSS properties, and generate structured text prompts. These prompts can then be pasted into AI coding assistants like Cursor or Claude Code to accurately apply visual changes to your source code.

Security Assessment
The automated code scan found no dangerous patterns, hardcoded secrets, or requests for risky permissions. The application operates locally and acts as an interface for the Chrome DevTools Protocol rather than executing arbitrary shell commands. However, as an Electron-based application, it inherently runs local web technologies. Overall risk: Low.

Quality Assessment
The project appears actively maintained, with its most recent push occurring today. It has a small but present community footprint with 13 GitHub stars, suggesting early but growing adoption. The main downside is a licensing issue: the repository lacks a formal open-source license file. The README explicitly states "All Rights Reserved," which means that legally, you do not have permission to modify, distribute, or use the underlying code outside of the Mac App Store download.

Verdict
Safe to use as a standalone application, but use caution if you intend to modify or distribute the codebase due to its restrictive "All Rights Reserved" license.
SUMMARY

Pixel-precise DOM inspector that turns any element into a ready-to-run AI coding prompt. Works with Claude Code, Cursor, Codex. macOS native, local-first.

README.md

DOMPrompter Icon

DOMPrompter

Visual Bridge Between You and AI Code Editors
Show AI exactly what you want to change
Website

English | 简体中文 | 日本語 | 한국어 | Español | Français | Deutsch

License Platform Apple Silicon Electron React CDP

Download on the Mac App Store

DOMPrompter is a macOS desktop app that lets you visually select elements, tweak CSS properties, and generate structured AI prompts — so tools like Cursor, Claude Code, Codex, and more can modify your source code accurately.

The Problem

When fine-tuning a webpage with AI, screenshots never capture the right element. AI can't pinpoint "which element needs what change". You end up going back and forth, describing layout tweaks in words that get lost in translation.

DOMPrompter solves this — precise selection + precise description = precise code changes.

How It Works

Step Description
1 Select — Click any element on your page to highlight it with a precise CSS selector
2 Tweak — Adjust CSS properties (width, height, padding, margin) visually in real time
3 Annotate — Add text tags describing what you want ("button too dark", "spacing too wide")
4 Generate — DOMPrompter merges selector + style diffs + annotations into a structured AI prompt
5 Hand Off — Paste into Cursor, Claude Code, Codex or any AI assistant for accurate code changes

Key Features

  • Precise Element Selection — Click-to-select with CSS selector auto-identification
  • Style Diff Tracking — Every change recorded as before/after diff (e.g., width: 200px → 300px)
  • Natural Language Tags — Tag elements with notes so AI understands your design intent
  • Instant Feedback — Floating action buttons modify DOM directly, WYSIWYG
  • Undo & Redo — Full operation history with Cmd+Z / Cmd+Shift+Z
  • Local-First — No data collection, everything stays on your device

Architecture

┌──────────────────────────────────┐
│   Target Page (Browser)          │
│   └─ Injected Overlay Layer      │
│      ├─ Selection highlight      │
│      ├─ Floating action buttons  │
│      └─ Tag badges               │
└──────────┬───────────────────────┘
           │ Chrome DevTools Protocol
           ▼
┌──────────────────────────────────┐
│   Core Engine                    │
│   ├─ CDP Client                  │
│   ├─ Inspector Service           │
│   └─ Element Details Resolver    │
└──────────┬───────────────────────┘
           │ Electron IPC
           ▼
┌──────────────────────────────────┐
│   App UI (React)                 │
│   ├─ Properties Workbench        │
│   ├─ Style Binding & Undo/Redo  │
│   └─ Prompt Generator            │
└──────────────────────────────────┘

Works With

DOMPrompter generates prompts compatible with any AI coding assistant:

Claude Code · Cursor · Codex · Windsurf · GitHub Copilot · Gemini · Cline · Trae · AmpCode · Kiro · Roo Code · and more

Links

Sibling projects

Built by hooosberg:

  • AgentLimb — teach AI to control your browser
  • BeRaw — Behance raw-image grabber
  • Packpour — App Store Connect locale filler
  • WitNote — local-first AI writing companion
  • GlotShot — perfect App Store preview images
  • TrekReel — outdoor trails, cinematic reels
  • UIXskills — AI → JSON → Whiteboard → UI

License

All rights reserved. © 2026 DOMPrompter.

Yorumlar (0)

Sonuc bulunamadi