zhushen12580Community·17 Agent Skills Included

smart-screenshot

Frontend design reviews, polish, and interface quality fixes

Reviews web interfaces for weak typography, poor spacing, generic styling, and accessibility gaps. Runs structured design critiques, performance audits, and responsive layout fixes without manual inspection. Helps designers and developers turn bland pages into polished, distinctive interfaces faster.

184|16

↗

npx skills add zhushen12580/smart-screenshot --all -g -y

All Skills in This Repository (17)

Pure Emerald Level Indicators

📦 In Repo

zhushen12580

animate

Analyze a feature and add animations and micro-interactions to UI components.

quieter

Reduce visual intensity in designs by enforcing color, typography, and whitespace limits.

shape

Run a structured discovery interview and generate a design brief.

optimize

Diagnose and fix UI performance issues in web applications using Core Web Vitals.

adapt

Plans breakpoints, layouts, and touch targets for cross-device design adaptation.

clarify

Assess and rewrite unclear UX copy across interfaces.

layout

Assess UI layouts and apply spacing systems, grid decisions, and visual rhythm plans.

distill

Simplify designs by removing unnecessary complexity across UI/UX reviews and mockups.

delight

Embed joy, personality, and micro-interactions into user interfaces.

audit

Audit web applications and components across accessibility, performance, theming, and responsive design.

harden

Harden UI components and workflows against edge cases, errors, and i18n issues.

polish

Fix alignment, spacing, and micro-detail inconsistencies in UI components before shipping.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install smart-screenshot skills?▼

Run `npx skills add zhushen12580/smart-screenshot --all -g -y` in your terminal to install all design skills globally.

What do these design skills actually do?▼

They review and improve web interfaces: fixing typography, spacing, color, animations, accessibility, and performance issues through structured commands like /critique, /polish, and /audit.

How do I check my page for design problems?▼

Invoke the /audit or /critique skill on your page or component. It scores accessibility, performance, responsiveness, and common design anti-patterns, then lists prioritized fixes.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible environments.

Can non-designers use these skills?▼

Yes. Each skill asks simple questions about your audience and goals, then applies professional design improvements automatically.