frontend-aesthetics
Description
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices.
How to Use
- Visit the GitHub repository to get the SKILL.md file
- Copy the file to your project root or .cursor/rules directory
- Restart your AI assistant or editor to apply the new skill
Full Skill Documentation
name
frontend-aesthetics
description
Prevents generic AI-generated designs by guiding typography, color, motion, and background choices. Use when creating frontend designs, landing pages, dashboards, or any UI/UX work. Helps avoid the "AI slop" aesthetic.
Tags
Related Skills
openai-image-gen
Batch-generate images via OpenAI Images API with random prompt sampler.
brand-guidelines
Applies Anthropic's official brand colors and typography to artifacts. Use when brand colors or style guidelines apply.
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy.
slack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack.