skills.rest
AutumnsGrove
AutumnsGroveCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

cat-check

Assess user interface aesthetics against Grove design principles via screenshots.

5|Updated Nov 22, 2025
Search Tags:#quality assurance#ui/ux#user experience#design review#brand consistency#vibe check
One-click install
npx skills add https://github.com/AutumnsGrove/Lattice --skill cat-check
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cat-check
Source: https://github.com/AutumnsGrove/Lattice/tree/main/.claude/skills/cat-check
Command: npx skills add https://github.com/AutumnsGrove/Lattice --skill cat-check

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill evaluates user interfaces to ensure they align with the "Grove" aesthetic, focusing on warmth, intentionality, and a handcrafted feel, rather than just technical correctness.

Core Features & Use Cases

  • Vibe Assessment: Judges the overall feel of a UI, checking for warmth, personality, and adherence to brand voice.
  • Microcopy & Design Audit: Scans for generic language, incorrect spacing, and missing component states.
  • Use Case: After a new feature's UI is built, use this Skill to confirm it feels welcoming and aligned with the Grove brand before it's released to users.

Quick Start

Run a full cat check on the new user profile page.

Frequently Asked Questions about cat-check

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

FAQPage Schema
How do I perform a design review for brand consistency and UI warmth?▼

A UI vibe check assesses the aesthetic and emotional resonance of user interfaces, focusing on warmth, intentionality, and a handcrafted feel rather than just technical correctness. It verifies visual hierarchy and brand voice alignment.

What is a vibe check in UI/UX quality assurance?▼

A UI vibe check assesses the aesthetic and emotional resonance of user interfaces, focusing on warmth, intentionality, and a handcrafted feel rather than just technical correctness. It verifies visual hierarchy and brand voice alignment.

How do I audit microcopy and missing component states in my UI?▼

Auditing microcopy and component states involves scanning user interfaces for generic language, incorrect spacing, and incomplete visual feedback. This ensures the UI maintains a welcoming brand voice and proper interaction design.

Do I need screenshots to review user experience and visual hierarchy?▼

Yes, visual inspection via screenshots is required to accurately assess visual hierarchy, component states, and emotional resonance against design quality references. It confirms the interface feels welcoming and aligned.

When should I run a UI aesthetic and emotional resonance assessment?▼

Run an aesthetic and emotional resonance assessment after UI development phases and before releasing a new feature to users. This confirms the interface feels welcoming and aligned with the intended brand experience.

Related Skills

Explore More Design & Creative Skills→
heyAyushhheyAyushh
3

web-design-guidelines

Identify UI accessibility, performance, and usability gaps using Web Interface Guidelines.

Community
Advanced
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak

polish

Fix alignment, spacing, interaction states, typography, and color contrast in front-end UIs.

Community
Advanced
dembrandtdembrandt
33

generate-ui-from-brand

Convert a website URL or DESIGN.md into a brand-aligned UI specification with normalized design tokens.

Official
Advanced
leyuan0602-glitchleyuan0602-glitch
9

code-acceptance

Verify code changes against executable tests and visual evidence.

Community
Advanced