oikon48/cc-frontend-skills

README preview

# Frontend Skills Plugin

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)

> **Note:** This project is for demonstrating Claude Skills with Claude Code.

A Claude Code plugin for creating distinctive, production-grade frontend UIs that avoid generic "AI slop" aesthetics. This Skill and Subagent is generated with referring Anthropic blog: [Improving frontend design through Skills](https://www.claude.com/blog/improving-frontend-design-through-skills)

## Features

- **Distinctive typography** - Effective serif × sans-serif pairings
- **Custom color palettes** - Beyond default Tailwind colors
- **Asymmetric layouts** - 35/65 ratios, overlapping elements
- **Purposeful animations** - Focused on high-impact moments

## Demo

- Left: **With Skills**
- Right: Without Skills

View full repository on GitHub →