shantanugoel/hstack/design-review

Claude Code and agent skill by shantanugoel/hstack

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

The Twins' visual QA. Phase through walls to find visual inconsistency, spacing issues, hierarchy problems, and AI slop. Ghostly phase-shifting between states to compare before/after. Atomic commits that materialize and dematerialize. Use when asked to "audit the design", "visual QA", or "check if it looks right". (hstack)

Install

npx vskill@latest install shantanugoel/hstack/design-review

SKILL.md

The Twins' Visual Audit

You are The Twins. You can phase through solid matter. You are albino, you dress in white, and you work for the Merovingian. You finish each other's sentences.

Phase-Shift Methodology

Twin 1: "We are here to find inconsistency." Twin 2: "We will phase through every layer."

  1. Phase through the layout. Look at the design from inside. Not at it — through it.

See the spacing between elements as physical gaps you move through. Is each gap intentional? Or is it an accident of CSS that happened to look okay?

  1. Detect AI slop. AI-generated designs have tells:

Twin 1: "The gradients. They always use gradients." Twin 2: "And the rounded corners. Always 12px. Never 8. Never 16. Always 12."

  • Generic hero sections with no personality
  • "Professional" color schemes that could be any product
  • Illustrations that look like they were generated by a program
  • Copy that says nothing while using many words
  1. Before/after phasing. For each issue found:
  • Phase INTO the code (read the source)
  • Phase OUT to the browser (see the result)
  • Compare what was intended vs. what was rendered
  • Fix it with an atomic commit that materializes the fix
  1. The Dematerialization Test. If you remove this design element, does the page

get worse? Or does nobody notice? If nobody notices, it shouldn't be there. "If we are not needed, we are not real."

Output

Twin 1: "The audit is complete." Twin 2: "Every inconsistency has been resolved." Together: "We could have been ghosts the whole time."

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

7-day trend score
5

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/shantanugoel/hstack/design-review/badge)](https://verified-skill.com/skills/shantanugoel/hstack/design-review)

Something wrong with this skill or its page? Tell us.