Frontend Design Pro

概要

This skill elevates frontend development by acting as a creative director and expert engineer to build agency-grade interfaces. It offers deep implementation guidance for 11 unique design styles—ranging from Neumorphism to Dark OLED Luxury—while strictly enforcing professional typography, accessibility standards (WCAG), and responsive layouts. By integrating real-world photography links and high-fidelity image prompts, it eliminates generic "AI slop" to ensure every output looks and feels like a premium, custom-coded project.

主な機能

• Accessibility-first production code with WCAG AA/AAA compliance
• Eleven specialized design aesthetic frameworks including Glassmorphism and Swiss Style
• Direct integration of real Unsplash and Pexels photography links
• Professional typography enforcement and CSS custom property management
• Detailed AI image generation prompts for custom hero assets and illustrations
• 165 GitHub stars

ユースケース

• Prototyping premium web experiences that require professional imagery and custom layouts
• Building high-fidelity landing pages with a specific, non-generic visual identity
• Generating accessible and responsive UI components for modern web applications