Frontend Design
anthropics/claude-plugins-official/plugins/frontend-design/skills/frontend-designby anthropics315c4e48967d9541c29c3c656441dded353ca7aaComplete terms in LICENSE.txt37K starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated today
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
- 315c4e48967d9541c29c3c656441dded353ca7aaCurrentcommit 315c4e4Published Oct 9, 2026
Source and attribution
Source:anthropics/claude-plugins-officialinplugins/frontend-design/skills/frontend-designat commit315c4e4
License: Complete terms in LICENSE.txt
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from anthropics/claude-plugins-official
Skill Development
anthropics
Guides creation of Claude Code plugin skills, covering structure, descriptions, progressive disclosure and validation.
Plugin Structure
anthropics
Guides the structure, manifest, and component layout of Claude Code plugins.
Project Artifact
anthropics
Generate and publish a project status artifact — an opinionated, tabbed status page for a project too big for one update (overview & success criteria, the workstream sequence, next steps, plus background, plan, risks & open questions, and decisions/FAQ when they earn a tab) — published with the built-in Artifact tool to a default-private claude.ai page the user can share with teammates. Use when a piece of work spans several workstreams and you want a shareable overview kept current. Each artifact is backed by a small per-project config in the plugin data dir, so refreshing it re-gathers live state, redeploys the same URL, and reports only the delta. For software projects whose workstreams are PRs, also read swe.md (the X.Y PR-numbering convention; pulling PR state with gh/git; a per-PR detail block). Needs the built-in Artifact tool (claude.ai login). Not for single-PR changes or public docs.
Command Development
anthropics
Guides creation of Claude Code slash commands, covering structure, YAML frontmatter, arguments and plugin features.
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
More in Design & Creative
Theme Factory
anthropics
Offers 10 preset color-and-font themes, plus custom theme generation, for styling slide decks, documents, reports and HTML pages.
Slack Gif Creator
anthropics
Creates animated GIFs sized and optimized for Slack, with PIL drawing helpers, easing and validation utilities.
Frontend Design
anthropics
Guidance for distinctive, intentional visual design when building or reshaping a user interface.
Canvas Design
anthropics
Creates original visual art as PNG or PDF from a written design philosophy, for posters, artworks and other static pieces.
Brand Guidelines
anthropics
Applies Anthropic's official brand colors and typography to artifacts that should carry the Anthropic look-and-feel.
Frontend Design
anthropics
Guides an agent through distinctive, intentional visual design for new or redesigned user interfaces.