anthropics/claude-plugins-official · Official

frontend-design

All-time #1170 Trending #1679 First seen Jan 19, 2026
8-week activity · all time api

Installation

$ npx skills add https://github.com/anthropics/claude-plugins-official

Summary

  • Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction.
  • Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple gradients), and predictable layouts that signal low-effort AI generation Generates working HTML/CSS/JavaScript, React, or Vue code that is both functional and visually striking, with complexity matched to the aesthetic vision

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from anthropics/claude-plugins-official · top by installs.

npx skills add https://github.com/anthropics/claude-plugins-official

Browse all from anthropics/claude-plugins-official

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Also listed on

Alternate registries and mirrors of this skill.

Repository health

Stars 36.1K
License LICENSE
Default branch main
Open issues 971
Status Active

History

  1. First seen on skills.sh
  2. First recorded snapshot · 14,400 installs

Videos

Tutorials, guides, and showcases specifically about this skill.