菜单
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).
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/JDerekLomas/claude-code-skills --skill input命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
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.
Search and cite primary sources from Source Library. Use when asked what historical authors wrote, to find quotes from old texts, investigate alchemical or philosophical works, or cite translated Latin/German sources.
正在显示 SKILL.md
基于 SOC 职业分类
| 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