aesthetic-audit
CommunityTurn visual audits into actionable design tokens.
Design & Creative#aesthetic#conversion#web-design#design-tokens#ux-review#branding-consistency#visual-audit
Authoranymouschina
Version1.0.0
Installs0
System Documentation
What problem does it solve?
商业级视觉资产与网页的审美与 UX 视觉审查。将审美判断转化为可执行的改动清单，帮助提高转化、信任与一致性，同时降低维护成本。
Core Features & Use Cases
- 输出 P0/P1/P2 问题清单，聚焦信息层级、栅格与间距、字体层级、色彩与对比度、组件一致性、CTA 可见性、移动端适配等。
- 生成可落地的 design tokens（字体、间距、颜色、圆角、阴影、栅格），以提升团队对视觉系统的统一性。
- 提供改稿建议、落地修改路径、以及在真实页面中的验证步骤，支持快速迭代与跨职能协作。
- 支持输入来源：视觉资产图、URL/网页截图、以及源码定位。
Quick Start
Upload a homepage URL or visual assets and receive a structured aesthetic audit with design tokens and actionable edits.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: aesthetic-audit Download link: https://github.com/anymouschina/TapCanvas/archive/main.zip#aesthetic-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.