JDerekLomas/getinput

Letzte erfasste Quellaktivität: 22. Mai 2026 um 09:35

SkillsMP-Katalog aktualisiert: 5. November 2026 um 19:57

gesammelte Skills: 2

GitHub-Stars: 0
GitHub-Forks: 0

Mit einem KI-Assistenten installieren

Diesen Prompt kopieren und in den verwendeten KI-Assistenten einfügen.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/JDerekLomas/getinput.

README des Repositorys

README-Quelldatei: README.md

README-Quelldatei lesen

Vollständige README anzeigen

# getinput Edit text directly on the page. Feed the changes back to Claude. Two installation paths, depending on what you're working on. ## 1. Next.js (App Router) ```bash npx getinput-page ``` Adds `components/InputWidget.tsx`, an `app/api/input` route, an `input.json` file, and mounts `<InputWidget />` in your root layout. Run `npm run dev`, then edit any text in the browser. ## 2. Any other website ```html <script src="https://getinput.io/widget.js"></script> ``` Works on plain HTML, Vite, Astro, Vue, anything. By default, edits save to `localStorage`; click the count badge to copy them as JSON. Optional config via `data-*`: ```html <script src="https://getinput.io/widget.js" data-endpoint="/api/feedback" data-hosts="localhost,staging.example.com" ></script> ``` ## How it actually works | You | Widget | | --- | --- | | Click **Edit**, click a heading | Element becomes `contenteditable`, you type the new copy | | Click **Comment**, click anything | Type a note about that element | | Save / blur | Edit is appended to feedback (localStorage, file, or POSTed to your endpoint) | Then in Claude Code: ``` /input apply ``` Claude reads the feedback and rewrites your source files. ## Sharing for review Click the count badge, then **Share**. You'll get a `?getinput` URL that anyone can open — no install required on their end. They click around, edit copy, then **Copy feedback** and paste the JSON back to you. ## Repository layout | Path | Purpose | | --- | --- | | `packages/page/` | `getinput-page` npm package — Next.js install (`InputWidget.tsx`, `route.ts`, `cli.mjs`) | | `site/public/widget.js` | Framework-agnostic widget, served from `getinput.io/widget.js` | | `site/` | Marketing site (Next.js) | | `skill.md` | Claude Code skill definition | ## License MIT

README des Repositorys wird geladen…

Skills in diesem Repository

Softwareentwickler

1 Berufskategorien · 100% klassifiziert

Skill

Beruf

Beschreibung

Aktualisiert

input

Softwareentwickler

Get human feedback on AI-generated web work. Use when the user wants reviewers (or themselves) to edit copy directly in the browser and apply those edits back to source.

Quellsprache: Englisch

2026-05-22

input

Softwareentwickler

Get human feedback on AI-generated web work. Use when the user wants reviewers (or themselves) to edit copy directly in the browser and apply those edits back to source.

Quellsprache: Englisch

2026-05-21

Es werden 2 von 2 gesammelten Skills angezeigt.