Web Design Builder
Plugin Đã xác minhCreate professional HTML5/JavaScript web designs from specifications with automatic Playwright MCP verification for accessibility and functionality testing
This plugin generates HTML5/JavaScript web designs from specifications and can automatically verify them using Playwright MCP. It supports various frontend frameworks including Vanilla JS, Tailwind CSS, React, Vue, and Alpine.js, offering a complete workflow from design generation to performance analysis and reporting.
License
- info:License usabilityThe license is mentioned as 'provided as-is for use with Claude Code' in the README, which is informal and not a standard OSI license.
Versioning
- warning:Release ManagementThe extension's README indicates version 1.0.0 with a release date, but this version is not present in the manifest files (SKILL.md or marketplace.json).
Cài đặt
Hãy thêm marketplace trước
/plugin marketplace add rknall/claude-skills/plugin install web-design-builder@rknall-custom-skillsTiện ích tương tự
Frontend Design
95Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Shopify Liquid Theme Skills
96Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
TailwindCSS Master Plugin
95Complete Tailwind CSS v4 expertise system with 2025 best practices. PROACTIVELY activate for: (1) ANY Tailwind CSS task, (2) Tailwind v4 CSS-first configuration (@theme, @utility, @custom-variant), (3) Responsive design and dark mode implementation, (4) Performance optimization and JIT, (5) Plugin integration (@tailwindcss/typography, @tailwindcss/forms), (6) Framework integration (React, Vue, Next.js, Vite), (7) Migration from v3 to v4, (8) Custom utility and component creation, (9) Debugging and troubleshooting, (10) Production build optimization. Provides: Tailwind v4.1 complete features, CSS-first @theme configuration, @utility and @custom-variant directives, PostCSS and Vite plugin setup, responsive breakpoints, dark mode patterns (media/selector strategies), typography and forms plugins, animation/transition utilities, framework-specific integration patterns, performance optimization (tree-shaking, JIT), debugging techniques, VS Code extension setup, Prettier plugin configuration, and production-ready 2025 patterns. Ensures modern, performant, maintainable Tailwind CSS implementations.
UI/UX Design Review
95Comprehensive UI/UX design review for websites and desktop applications with extensive WCAG 2.1/2.2 accessibility analysis, usability evaluation, and visual design assessment
Brand Landing Page
98Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.