🎯

frontend-design

🎯Skill

from anthropics/claude-plugins-official

Installation

Vibe Index InstallInstalls to .claude/skills/

$npx vibeindex add anthropics/claude-plugins-official --skill frontend-design

skills.sh Install⚠ Installs to .agents/skills/

$npx skills add anthropics/claude-plugins-official --skill frontend-design

Manual InstallCopy SKILL.md content and save to the path below

path

~/.claude/skills/frontend-design/SKILL.md

What it does

Generates responsive web design layouts and component structures using best practices, providing code snippets and design recommendations for modern frontend development.

Overview

Frontend Design is a skill from the official Anthropic claude-plugins-official directory that generates responsive web design layouts and component structures. It provides code snippets and design recommendations following modern frontend development best practices.

Key Features

Responsive web design layout generation
Component structure recommendations
Modern frontend design best practices
Part of the official Anthropic plugins directory

Who is this for?

Frontend developers who want AI-assisted design guidance for building responsive, well-structured web interfaces. Useful for quickly scaffolding layouts and component hierarchies.

📦

Same repository

anthropics/claude-plugins-official(249 items)

frontend-design

SKILL.md

11,123Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🔌

csharp-lsp🔌Plugin

C# language server for code intelligence

🔌

outputai🔌Plugin

Output.ai workflow development toolkit for Claude Code. Adds 5 specialist agents (planner, builder, debugger, prompt writer, quality reviewer), 40+ slash-command skills covering scaffolding, debugging, evaluation, and credential management, plus a SessionStart hook that auto-loads Output SDK conventions so Claude understands the framework before the first prompt.

🔌

posthog🔌Plugin

Access PostHog analytics, feature flags, experiments, error tracking, and insights directly from Claude Code.

🔌

cds-mcp🔌Plugin

AI-assisted development of SAP Cloud Application Programming Model (CAP) projects. Search CDS models and CAP documentation.

🔌

adobe-for-creativity🔌Plugin

Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional retouching.

🔌

carta-crm🔌Plugin

Manage the Carta CRM conversationally — search, add, update, and enrich investors, companies, contacts, deals, notes, and fundraisings via the Carta CRM MCP Server.

🔌

mercadopago🔌Plugin

Mercado Pago full-product integration toolkit. One agent routes to four orchestration skills (mp-integrate wizard, mp-webhooks, mp-test-setup, mp-review) that pull every endpoint, payload, and snippet live from the official Mercado Pago MCP server. The MCP must always be connected — there is no offline mode.

🔌

clickhouse-best-practices🔌Plugin

28 best practice rules for ClickHouse schema design, query optimization, and data ingestion — prioritized by impact

🔌

github🔌Plugin

Official GitHub MCP server for repository management. Create issues, manage pull requests, review code, search repositories, and interact with GitHub's full API directly from Claude Code.

🔌

sentry🔌Plugin

Sentry error monitoring integration. Access error reports, analyze stack traces, search issues by fingerprint, and debug production errors directly from your development environment.