By GQAdonis
PMPO-driven iterative artifact refinement engine for logos, UI, content, images, code, meta-prompts, and A2UI specifications
Validation specialist. Invoke to validate artifact manifests against JSON schemas, check file integrity, verify constraint satisfaction, and ensure output completeness.
Specialized agent for the PMPO Execute phase. Invoke when applying planned refinement operations to artifacts using code interpreter, image generation, browser preview tooling, and file system tools.
Specialized agent for the PMPO Plan phase. Invoke when converting a specification into an executable refinement strategy with staged operations, tool mappings, and validation checkpoints.
Specialized agent for the PMPO Reflect phase. Invoke when evaluating execution outputs against constraints and determining convergence. Read-only analysis.
Specialized agent for the PMPO Specify phase. Invoke when transforming ambiguous refinement intent into a structured specification with explicit constraints, unknowns, and target states.
Use this skill when creating or iteratively refining artifacts (logos, UI components, A2UI specifications, images, or content) using structured PMPO orchestration with explicit constraints, deterministic execution, and persistent artifact state.
Convert an HTMX + Alpine.js HTML artifact into a React TSX component ready for the scaffold-react-vite pipeline. Mechanical transforms run via a Node script; HTMX/Alpine constructs requiring judgment are surfaced as a sidecar markdown for review.
Convert a Markdown document into a self-contained branded HTMX artifact via the deterministic markdown-it pipeline with frontmatter support, semantic HTML wrapping, and brand-CSS injection.
Lightweight SVG logo creation for ideation. Mode-switching between LLM-suggested SVG (with strict parseability + XSS validation) and a deterministic Minijinja placeholder. Exports PNG raster set when `rsvg-convert` is available.
Swap one brand's tokens for another's inside a TSX artifact. Mechanical AST rewrite swaps matching hex literals; regenerates the brand-vars CSS via template-forge. WCAG contrast is reported, not gated.
Requires secrets
Needs API keys or credentials to function
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A PMPO-driven, iterative artifact refinement engine for logos, UI components, content, images, code, meta-prompts, and A2UI specifications. Built as a Claude Code plugin and Agent Skills compliant skill with cross-session state management and multi-agent deployment support.
Use domain-specific slash commands:
/refine-logo — Logo and brand system refinement
/refine-ui — React/HTML UI component refinement
/refine-content — Content/Markdown refinement
/refine-image — Image artifact refinement
/refine-a2ui — A2UI specification refinement
/refine-status — Check current refinement progress
/refine-validate — Run validation checks on current state
Or invoke the general skill with a free-form request describing what you want to refine.
Install across all supported agents in one command:
cowork install GQAdonis/artifact-refiner-skill
This deploys to up to 15 agents (Claude Code, Cursor, OpenCode, Gemini CLI, Windsurf, Roo Code, etc.).
claude plugin install artifact-refiner
Individual installer scripts are available for each supported agent:
# Examples
bash scripts/installers/claude-code/install.sh
bash scripts/installers/cursor/install.sh
bash scripts/installers/opencode/install.sh
bash scripts/installers/gemini-cli/install.sh
See scripts/installers/README.md for the full list of 12 supported agents.
Clone the repository into your Claude Code plugins directory:
git clone https://github.com/GQAdonis/artifact-refiner-skill.git ~/.claude/plugins/artifact-refiner
For sandboxed code execution, set your e2b API key:
export E2B_API_KEY="your-key-here"
The skill works without e2b by falling back to the built-in code_interpreter.
Install local preview tooling for TSX compilation and browser screenshots:
npm install
This enables:
node scripts/compile-tsx-preview.mjs (TSX → browser preview bundle)node scripts/render-preview.mjs (preview render + screenshot + diagnostics)This repo consumes two external Rust projects as git submodules:
| Submodule | Path | Source | Purpose |
|---|---|---|---|
rust-mcp-filesystem | tools/rust-mcp-filesystem/ | upstream rust-mcp-stack/rust-mcp-filesystem (pinned v0.4.2) | Filesystem MCP server (24 tools) for harnesses without native file access |
sycophancy-correction | shared/sycophancy-correction/ | Know-Me-Tools/sycophancy-correction-skill (pinned 01150389) | Sycophancy detection/correction skill consumed by the PMPO loop; shared with prometheus-skill-pack |
Clone with submodules:
git clone --recurse-submodules https://github.com/GQAdonis/artifact-refiner-skill.git
cd artifact-refiner-skill
bash scripts/setup-submodules.sh
scripts/setup-submodules.sh:
git submodule update --init --recursive.scripts/build-vendored-binaries.sh to install rust-mcp-filesystem (probes PATH → Homebrew tap → cargo-binstall → cargo install from submodule).rust-mcp-filesystem, template-forge, and template-forge-mcp binaries.For the template-forge workspace (deterministic branded-artifact renderer), see
tools/template-forge-rs/ and scripts/install-template-forge.sh.
| Prerequisite | Required? | Purpose | Setup |
|---|---|---|---|
openai-proxy | optional | Subscription-priced inference for cost-aware routing of mechanical PMPO phases | docs/integrations/openai-proxy.md |
When openai-proxy is running and reachable, the refiner can route mechanical phases (refiner-iterate, refiner-finalize) through a ChatGPT Plus/Pro subscription via the proxy's OpenAI-compatible HTTP surface. When it is not running, the refiner falls back to host-harness inference transparently — no hard failure, just a warning in the routing log. Cost routing is a nice-to-have; functional inference is the requirement.
To enable: install + run the proxy per its README, then keep the prefer_endpoint: openai_proxy entries in .kbd-orchestrator/project.json → model_policy. To disable: stop the proxy (the refiner will fall back automatically) or remove the prefer_endpoint overrides.
Eleven phases have shipped under the KBD lifecycle. The capabilities below are what those phases delivered. Each cites the file path so you can verify the claim.
These transform an artifact in one shape into another. All produce phase-2-scaffolder-ready output where applicable.
npx claudepluginhub gqadonis/artifact-refiner-skill --plugin artifact-refinerBootstrap multi-tool workspace support for any project — generates a .zworkspace.toml manifest, materializes Zed config, and wires the zed-workspace-mcp server into Claude Code, OpenCode, and other MCP-capable tools.
PDCAサイクルでロゴを反復改善するスキル。6つの専門エージェント+品質バリデーターがチームで議論・SVG生成・品質検証を行う。ブランドエッセンス連携、視覚的意味の具体性チェック、非対称デザイン原則を含む
Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Implement UI designs from specs with pixel-perfect component generation
Plug-and-play MCP that gives your agent UI superpowers. One install: design skill + MCP server, zero config.
Connect Claude Code to TypeUI MCP for curated design systems, UI prompts, and layout variations.