seika139 avatar

Creative Frontend Aesthetics

If you're tired of Claude generating the same bland Inter-font-and-gradient interfaces, this skill pushes it toward more distinctive design choices. It emphasizes unique typography over generic sans-serifs, cohesive color schemes with strong primaries and sharp accents instead of washed-out palettes, and thoughtful motion design. The prompts reference specific aesthetics like cyberpunk, retro, and Nordic modern to guide the model away from statistical averages. Written in Japanese but the concepts are universal. It's opinionated about what makes frontend work feel handcrafted rather than algorithm-spit, which is exactly the point. Works well when you need designs that actually have personality.

skills.sh installs
122
last updated
Aug 21, 2026

Install

$ npx -y skills add seika139/dotfiles --skill creative-frontend-aesthetics --agent claude-code

Installs into .claude/skills of the current project.

Files

If you're tired of Claude generating the same bland Inter-font-and-gradient interfaces, this skill pushes it toward more distinctive design choices. It emphasizes unique typography over generic sans-serifs, cohesive color schemes with strong primaries and sharp accents instead of washed-out palettes, and thoughtful motion design. The prompts reference specific aesthetics like cyberpunk, retro, and Nordic modern to guide the model away from statistical averages. Written in Japanese but the concepts are universal. It's opinionated about what makes frontend work feel handcrafted rather than algorithm-spit, which is exactly the point. Works well when you need designs that actually have personality.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/seika139/dotfiles
Category
Frontend Development
First seen
Jun 3, 2026
1erichowens avatarreact-performance-optimizererichowens/some_claude_skillsreact performance optimizer118skills.sh installs
2agentworkforce avatarcreating-claude-hooksagentworkforce/relayThis is your reference for building executable hooks that tap into Claude Code's event system.0skills.sh installs
3callstackincubator avatarreact-native-testingcallstackincubator/agent-skills>0skills.sh installs
4callstackincubator avatarvercel-react-native-skillscallstackincubator/agent-skillsA collection of agent-optimized React Native skills for AI coding assistants.0skills.sh installs
5CongDon1207 avatarangular-api-serviceCongDon1207/AGENTS.mdAngular devs know that HTTP services can quickly become a mess of repeated code and inconsistent error handling.0skills.sh installs
6davila7 avatarHTML Injection Testingdavila7/claude-code-templatesThis skill should be used when the user asks to "test for HTML injection", "inject HTML into web pages", "perform HTML injection attacks", "deface web applicati0skills.sh installs