πŸ”Œ

frontend-design

πŸ”ŒPlugin

anthropics/claude-code

VibeIndex|
What it does
|

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

Overview

An Anthropic plugin version of the frontend-design skill for Claude Code. It generates distinctive, production-grade frontend interfaces with creative visual direction, avoiding generic AI-generated aesthetics.

Key Features

  • Generates polished, visually striking UI code
  • Supports HTML/CSS/JS, React, and Vue frameworks
  • Applies unique typography, color schemes, and layout patterns
  • Produces responsive, accessible code ready for production

Who is this for?

Claude Code users who want high-quality frontend code with real design sensibility β€” for landing pages, web apps, dashboards, or any interface that needs to look professionally designed rather than AI-generated.

πŸͺ

Part of

anthropics-claude-code

development

Installation

Add marketplace in Claude Code:
/plugin marketplace add anthropics/claude-code
Step 2. Install plugin:
/plugin install frontend-design@claude-code-plugins
65,114
-
Last UpdatedFeb 7, 2026

More from this repository10

πŸ”Œ
learning-output-styleπŸ”ŒPlugin

Interactive learning mode that requests meaningful code contributions at decision points (mimics the unshipped Learning output style)

πŸ”Œ
agent-sdk-devπŸ”ŒPlugin

Development kit for working with the Claude Agent SDK

πŸ”Œ
explanatory-output-styleπŸ”ŒPlugin

Adds educational insights about implementation choices and codebase patterns (mimics the deprecated Explanatory output style)

πŸ”Œ
code-reviewπŸ”ŒPlugin

Automated code review for pull requests using multiple specialized agents with confidence-based scoring to filter false positives

πŸ”Œ
hookifyπŸ”ŒPlugin

Easily create custom hooks to prevent unwanted behaviors by analyzing conversation patterns or from explicit instructions. Define rules via simple markdown files.

πŸ”Œ
subagent-creatorπŸ”ŒPlugin

Interactive plugin for creating, designing, and implementing custom subagents in Claude Code with guided best practices

πŸ”Œ
pr-review-toolkitπŸ”ŒPlugin

Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification

πŸͺ
anthropics-claude-codeπŸͺMarketplace

Bundled plugins for Claude Code including Agent SDK development tools, PR review toolkit, and commit workflows

πŸ”Œ
commit-commandsπŸ”ŒPlugin

Commands for git commit workflows including commit, push, and PR creation

πŸ”Œ
claude-opus-4-5-migrationπŸ”ŒPlugin

Migrate your code and prompts from Sonnet 4.x and Opus 4.1 to Opus 4.5.