Before After — AI skill for Claude Code
Before/after comparison — show exactly how AI-generated slop transforms into production-quality UI.
How to install Before After
Installs to ~/.claude/skills/phazurlabs-sumi-before-after/SKILL.md
mkdir -p ~/.claude/skills/phazurlabs-sumi-before-after && curl -fsSL https://raw.githubusercontent.com/phazurlabs/sumi/HEAD/commands/before-after.md -o ~/.claude/skills/phazurlabs-sumi-before-after/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Before After does
name: before-after description: "Before/after comparison — show exactly how AI-generated slop transforms into production-quality UI. Visual proof of every design improvement." argument-hint: "[file or component to compare]"
Before / After — Transformation Proof
Before running
This command needs a file or component to compare.
If the user invoked it with nothing and no target is evident from the conversation or open files, ask for it in one plain-language question and stop. Do no
Alternatives in AI
- Golutra — Multi-agent AI orchestration platform for automation, workflows, and developer tools 3.8k ★
- Sentrux — Real-time architectural sensor that helps AI agents close the feedback loop, enabling recursive self-improveme 2.9k ★
- Iai Personal Memory Engine — A cyber brain for your AI 866 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Slop Cop
Detect AI-generated language patterns in your codebase with this Claude Code skill to ensure human-quality pro
Aki
📍 Aki — show your AI agent exactly what to fix. Point at anything on your Mac and Claude Code, Codex or any a
AI Session Diff
Git hook that captures AI agent coding sessions and generates visual diffs showing exactly what changed and wh
Better Plan Mode
An AI coding skill that transforms project planning into visual, interactive HTML decision documents
PDF Proof
Trust, but check. A Claude skill that turns AI answers into visual proof — highlighted screenshots and confide
Contextkit
by Cihat Gündüz - A systematic development framework that transforms Claude Code into a proactive development
Related Agents
Asset QA Validator
Use this agent when validating a kie.ai-generated image for a short video, before it goes into composition. It
Stp Reviewer
Review a generated STP document for QE quality, rule compliance, and requirement coverage. Fetches Jira data f
QA Anti Slop Agent
QA anti-slop checker for visual, motion, timing, audio, accessibility, deterministic render quality, UX laws,