Frontend Design Pro
Plugin Verifiziert AktivAdvanced frontend design plugin with interactive wizard, trend research, moodboard creation, color/typography selection, and browser-based inspiration analysis
To empower users with a structured and intelligent workflow for creating distinctive, high-quality frontend designs, from initial concept to production-ready code.
Funktionen
- 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
Anwendungsfälle
- 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.
Nicht-Ziele
- 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.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add davepoon/buildwithclaude/plugin install frontend-design-pro@buildwithclaudeEnthält 6 Erweiterungen
Skill (6)
Browse and select color palettes from Coolors or curated fallbacks. Use to find the perfect color palette for a design project.
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.
Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design project.
Create visual moodboards from collected inspiration with iterative refinement. Use after trend research or website analysis to synthesize design direction before implementation.
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.
Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
UI/UX Design Plugin
99Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Agents Design Experience
99Agents for UI/UX design, accessibility, and user experience optimization
Accessibility Compliance
99WCAG accessibility auditing, compliance validation, UI testing for screen readers, keyboard navigation, and inclusive design
Brand Landingpage
99Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.
Shadcn
99UI-Komponenten- und Designsystem-Framework. Durchsucht Registries, installiert Komponenten als Quellcode und prüft Ihr Projekt.
Dotforge Stack React Vite Ts
95React 18+ with Vite, TypeScript strict mode, Tailwind CSS, and Zustand rules for Claude Code.