Kandungan ini belum tersedia dalam bahasa anda dan dipaparkan dalam bahasa Inggeris.

Web Design Builder

Plugin Disahkan

Sebahagian daripada:rknall Custom Claude Code Skills

Create professional HTML5/JavaScript web designs from specifications with automatic Playwright MCP verification for accessibility and functionality testing

Ringkasan AI

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).

Pemasangan

Tambah marketplace dahulu

/plugin marketplace add rknall/claude-skills

/plugin install web-design-builder@rknall-custom-skills

7 months ago

rknall

43 stars

custom

Dikemas kini pada 2 days ago

Lihat sumber

Sambungan serupa

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

Plugin

anthropics

Shopify Liquid Theme Skills

Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes

Plugin

benjaminsehl

TailwindCSS Master Plugin

Complete 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.

Plugin

josiahsiegel

UI/UX Design Review

Comprehensive UI/UX design review for websites and desktop applications with extensive WCAG 2.1/2.2 accessibility analysis, usability evaluation, and visual design assessment

Plugin

rknall

Brand Landing Page

Guides developers from brand discovery through iterative design to deployment-ready HTML via Stitch.

Plugin

wshobson