Community Plugin

frontend-design-pro

Advanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis

1.0.0

Updated 4 months ago

AI Insight

Advanced frontend design assistant with interactive wizard, trend research, moodboard creation, and accessibility-focused color/typography tools.

Why this plugin

Streamlines frontend design workflow by integrating research, inspiration, and component selection into one tool. Solves fragmented design process with guided wizard and browser-based trend analysis.

Prerequisites

Requires Claude Code environment. No external API keys or dependencies needed for core functionality.

frontend

design

ui-ux

Install

Add the repository(one-time)

/plugin marketplace add davepoon/buildwithclaude

Install the plugin

/plugin install frontend-design-pro@buildwithclaude

Components

Commands

Analyze Website for Inspiration

/analyze-site

10 tools

Analyze a website for design inspiration (colors, fonts, patterns)

Interactive Design Wizard

/design

13 tools

Interactive design wizard with trend research, moodboard creation, color/font selection, and code generation

Design Review

/review

5 tools

Review generated design against anti-patterns, design principles, and accessibility guidelines

Skills

Color Curator

6 tools

1 assets

Browse and select color palettes from Coolors or curated fallbacks. Use to find the perfect color palette for a design project.

Design Wizard

4 tools

4 assets

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI.

Inspiration Analyzer

6 tools

1 assets

Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.

Moodboard Creator

4 tools

Create visual moodboards from collected inspiration with iterative refinement. Use after trend research or website analysis to synthesize design direction before implementation.

Trend Researcher

6 tools

Research latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current visual trends, color palettes, and layout patterns.

Typography Selector

7 tools

1 assets

Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.

Stats

Stars2458

Forks267

Installs3

MaintenanceFair

Last Commit2 months ago

Community Promotion

Collections

Links

View on GitHub

View README

Plugin Marketplace JSON

Similar Plugins

payload

41.0k

Payload Development plugin - covers collections, fields, hooks, access control, plugins, and database adapters.

2mo

v0.0.1

agent-browser

16.8k

Automates browser interactions for web testing, form filling, screenshots, and data extraction

v0.15.1

planning-with-files

15.4k

Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Works with Claude Code, Kiro, Clawd CLI, Gemini CLI, Cursor, Continue, and 11+ AI coding assistants.

today

v2.21.0

voltagent-data-ai

10.9k

Data engineering, ML, and AI specialists - data pipelines, machine learning, LLM architecture

v1.0.1