此内容尚未提供您的语言版本,正在以英文显示。

Frontend Design Pro

插件已验证活跃

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

6 个 Skill 0 个 MCP

目的

To empower users with a structured and intelligent workflow for creating distinctive, high-quality frontend designs, from initial concept to production-ready code.

功能

Interactive design wizard
Trend research from design communities
Moodboard creation and refinement
Automated website analysis for inspiration
Color palette selection from Coolors
Font selection from Google Fonts
Production-ready HTML and Tailwind CSS generation
Anti-pattern detection and design principle checks
WCAG accessibility compliance integration
Fallback modes for browser-less operation

使用场景

Creating a landing page for a new developer tool.
Analyzing competitor websites for design inspiration.
Generating a complete design system for a SaaS application.
Selecting appropriate fonts and color palettes for a brand refresh.

非目标

Generating backend code or complex JavaScript functionality.
Performing SEO analysis or performance optimization beyond basic accessibility.
Replacing a full-fledged design IDE for intricate visual editing.

Documentation

info:Configuration & parameter referenceWhile many parameters and options are implicitly clear from the skill markdown and command descriptions, explicit documentation on configuration file precedence or default values for all settings is not readily available.

安装

请先添加 Marketplace

/plugin marketplace add davepoon/buildwithclaude

/plugin install frontend-design-pro@buildwithclaude

包含 6 个扩展

Skill (6)

Color Curator 技能

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

Design Wizard 技能

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 技能

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 技能

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

Trend Researcher 技能

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 技能

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

质量评分

已验证

95 /100

1 day ago 分析

信任信号

最近提交5 days ago

GitHub 所有者 davepoon

星标2.9k

许可证MIT

网站buildwithclaude.com

状态

查看源代码

类似扩展

UI/UX Design Plugin

Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns

插件

wshobson