菜单
Human-in-the-loop feedback tools for reviewing AI output. Use when asked to review a site, get design feedback, check generated images, or review AI content. Commands include /input check (see feedback), /input apply (apply edits), /input clear (reset), and /input page setup (add widget to project).
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Share to codevibing.com - the social network for Claude Code users. Zero friction posting, heartbeats, friends.
Convert rendered HTML/CSS to outlined SVG vectors. Renders with Puppeteer at high resolution, traces with potrace to produce clean vector paths. Use when asked to create an SVG logo, convert text to outlines, vectorize a component, or export HTML as a vector graphic.
Visual comparison of a reference app against a replica build. Screenshots both via Chrome DevTools, uses Claude vision to identify differences, generates gap reports. Use when asked to compare, audit visuals, check replication fidelity, or run a visual diff.
Create themed card decks with AI-generated artwork, Puppeteer rendering, and web deployment. Use when asked to make a card deck, playing cards, tarot deck, or similar card-based content.
Share to codevibing.com - the social network for Claude Code users. Zero friction posting, heartbeats, friends.
Batch OCR and translation for Source Library using Gemini Batch API (50% cheaper). Process books from the roadmap queue.
| name | input |
| description | Human-in-the-loop feedback tools for reviewing AI output. Use when asked to review a site, get design feedback, check generated images, or review AI content. Commands include /input check (see feedback), /input apply (apply edits), /input clear (reset), and /input page setup (add widget to project). |
Get human input on AI-generated content. Detects modality from context.
/input or /input [url]The default action is to give the user a review URL they can open in their browser.
Append ?getinput to the URL and present it to the user:
Open this to review: https://example.com?getinput
The ?getinput parameter activates the feedback widget on any deployed site that has InputWidget installed — no localhost required.
vercel inspect 2>&1 | head -5?getinput and present ithttp://localhost:3000?getinput/input page setup firstAlways output the full clickable URL so the user can open it directly.
| Mode | Use case | Trigger phrases |
|---|---|---|
| page | Web design feedback | "review the site", "design feedback", "edit the copy" |
| picks | Asset selection | "review photos", "select images", "curate these" |
| sift | AI output review | "review generations", "check outputs", "refine prompts" |
Add visual feedback widget to current Next.js project.
mkdir -p app/api/input components
cp ~/getinput/packages/page/InputWidget.tsx components/
cp ~/getinput/packages/page/route.ts app/api/input/route.ts
echo '[]' > input.json
echo 'input.json' >> .gitignore
import InputWidget from "@/components/InputWidget";
// Inside <body>, after {children}:
<InputWidget allowedHosts={["localhost", "vercel.app"]} />
Important: Always include "vercel.app" in allowedHosts so the widget is visible on deployed previews, not just localhost.
Read and display pending feedback from input.json.
cat input.json 2>/dev/null || echo "[]"
Parse and show:
"Original text" → "Edited text" (selector for context)[selector]: "User's comment"If no input.json exists, tell user to run /input page setup first.
For each text-edit in input.json:
original text using grepedited text using the Edit toolAfter applying all edits, clear the feedback:
echo '[]' > input.json
Reset all pending feedback:
echo '[]' > input.json
Generate a photo/image review UI. User swipes through, picks or rejects with reasons.
ls [glob pattern] # e.g., ls ./public/images/*.jpg
Generate a review page with:
Key features:
items array with { id, src } for each filePICKS:
- /images/photo1.jpg
- /images/photo3.jpg
REJECTS:
- /images/photo2.jpg: too dark
- /images/photo4.jpg: wrong aspect ratio
All source code is at ~/getinput/:
packages/page/InputWidget.tsx - feedback widget componentpackages/page/route.ts - API route for JSON storage