SkillMD SkillMD
light-dark-mode
Profile My skills Saved Collections Edit profile Submit a skill

← all plugins

Visual Critique

by @owl-listener · plugin · 7 skills

Visual critique skills: hierarchy analysis, brand consistency checks against mood/voice/tokens, composition evaluation, and typography audits — with a /critique-screen command that compiles a prioritised fix list.

Install the whole plugin (CLI)
npx skillmds add owl-listener/critique-color npx skillmds add owl-listener/critique-affordance npx skillmds add owl-listener/critique-typography npx skillmds add owl-listener/critique-composition npx skillmds add owl-listener/critique-visual-hierarchy npx skillmds add owl-listener/critique-brand-consistency npx skillmds add owl-listener/critique-information-density
⬇ Download

Skills in this plugin

  1. ▌
    critique-color · owl-listener
    Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.
    1.7k
    repo stars
  2. ▌
    critique-affordance · owl-listener
    Analyze a screen's interactive affordances to identify clickability issues, state visibility gaps, CTA clarity problems, and action discoverability failures.
    1.7k
    repo stars
  3. ▌
    critique-typography · owl-listener
    Audits typographic decisions on a screen for scale usage, readability, consistency, and token compliance, providing specific fixes.
    1.7k
    repo stars
  4. ▌
    critique-composition · owl-listener
    Analyze the spatial and structural qualities of a screen design, evaluating balance, whitespace, rhythm, and gestalt principles to identify compositional weaknesses and propose specific fixes.
    1.7k
    repo stars
  5. ▌
    critique-visual-hierarchy · owl-listener
    Analyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.
    1.7k
    repo stars
  6. ▌
    critique-brand-consistency · owl-listener
    Check a screen's brand expression by comparing it against mood, voice, and design token reference files, flagging divergences and suggesting corrections.
    1.7k
    repo stars
  7. ▌
    critique-information-density · owl-listener
    Evaluate a screen's information density by analyzing cognitive load, content prioritization, scanning patterns, and progressive disclosure, with actionable fixes for each dimension.
    1.7k
    repo stars