skills.rest
JDerekLomas
JDerekLomasCOMMUNITY
Explore all skills by this author →
GitHub

input

Enable human-in-the-loop review of AI outputs via a review URL or embedded widget.

1|Updated Jan 14, 2026
Search Tags:#feedback#widget#human-in-the-loop#ai-review#design-feedback#review-workflow
One-click install
npx skills add https://github.com/JDerekLomas/claude-code-skills --skill input
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: input
Source: https://github.com/JDerekLomas/claude-code-skills/tree/main/input
Command: npx skills add https://github.com/JDerekLomas/claude-code-skills --skill input

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables teams to collect structured human feedback on AI-generated content (web pages, designs, and media) via a review URL or in-context widget, reducing misalignment and rework.

Core Features & Use Cases

  • In-browser feedback widget (InputWidget) that surfaces a shareable review URL
  • Modes: page (design feedback), picks (asset selection), sift (output review)
  • Page setup to install widget, check pending feedback, apply edits, and reset

Quick Start

Install the input skill and run /input page setup to add the feedback widget to your Next.js project.

Frequently Asked Questions about input

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I collect human-in-the-loop feedback on AI-generated web designs?▼

Collect human-in-the-loop feedback on AI-generated web designs by installing a widget that surfaces a shareable review URL, allowing reviewers to provide structured input directly in the browser. This reduces alignment rework.

How do I add a review widget to my Next.js project?▼

Add a review widget to your Next.js project by running the /input page setup command. This installs the InputWidget into your local development workflow or deployable site to start collecting design feedback.

Can I use this review workflow for evaluating AI images and videos?▼

Yes, you can use this review workflow for evaluating AI images and videos. The skill supports multiple modes including page, picks for asset selection, and sift for general output review across various media projects.

How do I check pending feedback and apply edits to my AI output?▼

Check pending feedback and apply edits to your AI output by using the /input check command to view responses and the /input apply command to integrate the requested changes into your project.

Does this design feedback tool require any specific dependencies?▼

This design feedback tool requires no external dependencies, but it is designed to integrate with a deployable Next.js site or local development workflows to function properly within your project environment.

What is the best way to reset the review workflow and clear collected feedback?▼

Reset the review workflow and clear collected feedback by using the /input clear command. This removes pending review data so you can start a fresh evaluation cycle on your AI outputs.

Related Skills

Explore More Design & Creative Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
KaiserWhoLearnsKaiserWhoLearns

FFmpeg Media Info

Extract duration, resolution, bitrate, codecs, and stream details from media files.

Community
Intermediate
dangngocbinhdangngocbinh
2

video-resource-finder

Discover stock videos, images, music, and AI-generated assets via Pexels, Pixabay, Unsplash, Gemini, and DuckDuckGo.

Community
Advanced
damien-schneiderdamien-schneider
32

agentation

Integrate the Agentation annotation toolbar into Next.js layouts and configure MCP server settings.

Community
Intermediate