aesthetic-foundations plugin
Inject aesthetic principles from painting/photography/graphic design/Eastern visual tradition into any design judgment. Loads composition + color theory + grid + Gestalt + ma + 18 masters as a critique framework, not a web framework.
How to install the aesthetic-foundations plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add caoxg/claude-skill-aesthetic-foundations
/plugin install aesthetic-foundations@aesthetic-foundationsWhat's inside aesthetic-foundations
1 part read from the plugin's own files.
Skills 1
Claude loads it when the task matches- aesthetic-foundations
Inject aesthetic principles from painting, photography, graphic design, and Eastern visual tradition into any visual/design decision. Use when reviewing UI/UX, making typography/color/layout/spacing choices, evaluating a screenshot, or when user asks "does this look good" / "how to improve this design" / "审美". Loads composition theory (rule of thirds, visual weight, leading lines), color theory (Munsell, Albers, Itten 7 contrasts), grid systems (Müller-Brockmann, 8pt), Gestalt hierarchy, ma/negative-space, and references masters (Vermeer, Mondrian, Rothko, Hopper, Sargent, Bresson, Avedon, Saul Leiter, 杉本博司, Rams, Vignelli, Tschichold, Saul Bass, 原研哉, 八大山人, 倪瓒). Not a web/CSS framework checklist — complements rather than replaces frontend-design.
Using aesthetic-foundations in Claude Code
Skills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update aesthetic-foundations@aesthetic-foundations
- Refresh the marketplace
- /plugin marketplace update aesthetic-foundations
- Turn it off for now
- /plugin disable aesthetic-foundations@aesthetic-foundations
- Remove it
- /plugin uninstall aesthetic-foundations@aesthetic-foundations
Skills in aesthetic-foundations
- aesthetic-foundationscaoxg/claude-skill-aesthetic-foundations
Inject aesthetic principles from painting, photography, graphic design, and Eastern visual tradition into any visual/design decision. Use when reviewing UI/UX, making typography/color/layout/spacing choices, evaluating a screenshot, or when user asks "does this look good" / "how to improve this design" / "审美". Loads composition theory (rule of thirds, visual weight, leading lines), color theory (Munsell, Albers, Itten 7 contrasts), grid systems (Müller-Brockmann, 8pt), Gestalt hierarchy, ma/negative-space, and references masters (Vermeer, Mondrian, Rothko, Hopper, Sargent, Bresson, Avedon, Saul Leiter, 杉本博司, Rams, Vignelli, Tschichold, Saul Bass, 原研哉, 八大山人, 倪瓒). Not a web/CSS framework checklist — complements rather than replaces frontend-design.
12 files10stars
aesthetic-foundations plugin questions
How do I install the aesthetic-foundations plugin?
In Claude Code run /plugin marketplace add caoxg/claude-skill-aesthetic-foundations, then /plugin install aesthetic-foundations@aesthetic-foundations.
What does the aesthetic-foundations plugin include?
aesthetic-foundations bundles 1 skill.
How do I update or remove the aesthetic-foundations plugin?
Update it with claude plugin update aesthetic-foundations@aesthetic-foundations in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall aesthetic-foundations@aesthetic-foundations.