Cross-compatible LLM skills for modern web design, frontend frameworks, backend frameworks, static sites, UI systems, and web build tooling.
npx claudepluginhub alisonaquinas/llm-web-design-skillsreview, design, scaffold, refactor, and troubleshoot angular applications and libraries. use when the user asks for angular architecture, components, signals, rxjs usage, dependency injection, routing, forms, testing, or migration guidance.
review, design, scaffold, refactor, and troubleshoot asp.net core applications. use when the user asks for asp.net api design, minimal apis, mvc or razor pages, dependency injection, middleware, configuration, ef core integration, testing, or deployment guidance.
review, design, scaffold, refactor, and troubleshoot django applications. use when the user asks for django app architecture, models, views, forms, templates, django rest framework integration, settings, migrations, security, testing, or deployment guidance.
review, design, scaffold, refactor, and troubleshoot express.js applications and apis. use when the user asks for express routing, middleware, validation, error handling, session or auth design, testing, security hardening, or migration guidance.
review, design, scaffold, refactor, and troubleshoot hugo sites and themes. use when the user asks for hugo content structure, layouts, taxonomies, shortcodes, themes, assets, build configuration, multilingual publishing, or migration guidance.
review, design, scaffold, refactor, and troubleshoot laravel applications. use when the user asks for laravel routes, controllers, requests, eloquent, blade, queues, jobs, configuration, testing, or deployment guidance.
review, design, and implement material design based interfaces and design systems. use when the user asks for material design or material 3 guidance, theming, design tokens, component selection, density, accessibility, motion, or framework-specific material library integration.
review, design, scaffold, refactor, and troubleshoot nextjs applications. use when the user asks for nextjs app router structure, server and client component boundaries, routing, data fetching, caching, route handlers, metadata, deployment, or migration guidance.
review, design, scaffold, refactor, and troubleshoot nodejs applications and runtime patterns. use when the user asks for nodejs service design, modules, streams, async behavior, configuration, process management, testing, performance, or deployment guidance.
review, design, scaffold, refactor, and troubleshoot react applications and component libraries. use when the user asks for react component design, hooks, state ownership, context, rendering patterns, testing, performance tradeoffs, or migration guidance.
review, design, scaffold, refactor, and troubleshoot scss and sass based styling systems. use when the user asks for scss architecture, variables and tokens, mixins, nesting, partials, modules, theming, build integration, or migration guidance.
review, design, scaffold, refactor, and troubleshoot spring boot applications. use when the user asks for spring boot architecture, starters, controllers, services, configuration, data access, testing, actuator, or deployment guidance.
review, design, scaffold, refactor, and troubleshoot svelte applications and component libraries. use when the user asks for svelte reactivity, component design, stores, sveltekit routing or loading, forms, transitions, testing, or migration guidance.
review, design, scaffold, refactor, and troubleshoot tailwind css based styling systems. use when the user asks for tailwind configuration, utility usage, design tokens, component extraction, theming, responsive patterns, or migration guidance.
review, design, scaffold, refactor, and troubleshoot vite based web projects and toolchains. use when the user asks for vite app structure, dev server behavior, bundling, plugins, env variables, aliasing, asset handling, test integration, or migration guidance.
review, design, scaffold, refactor, and troubleshoot vue applications and component libraries. use when the user asks for vue component design, composition api patterns, state management, routing, forms, testing, vite integration, or migration guidance.
A cross-compatible repository of 16 LLM skills for modern web design, frontend application architecture, styling systems, backend frameworks, static-site workflows, and web build tooling.
| Skill | Description |
|---|---|
angular | Design and review Angular apps with standalone APIs, routing, RxJS, signals, forms, and testing. |
nextjs | Design and review Next.js applications with the App Router, server and client boundaries, route handlers, and deployment tradeoffs. |
react | Design and review React applications with clear component boundaries, state ownership, hooks, and testable UI flows. |
svelte | Design and review Svelte applications with clear reactivity, component boundaries, and SvelteKit-aware delivery patterns. |
vue | Design and review Vue applications with the Composition API, single-file components, routing, and maintainable state boundaries. |
| Skill | Description |
|---|---|
material-design | Apply Material Design and Material 3 principles across component libraries, theming systems, and product UX decisions. |
scss | Design and review SCSS architecture, tokens, mixins, module boundaries, and maintainable stylesheet systems. |
tailwind | Design and review Tailwind CSS systems with strong token discipline, component extraction rules, and maintainable utility usage. |
| Skill | Description |
|---|---|
vite | Design and troubleshoot Vite-powered web projects, plugin chains, environment handling, and modern frontend build workflows. |
| Skill | Description |
|---|---|
django | Design and review Django applications with strong app boundaries, ORM discipline, forms, templates, APIs, and deployment readiness. |
nodejs | Design and review Node.js services, CLIs, and runtime concerns such as modules, streams, concurrency, and operability. |
express-js | Design and review Express.js APIs and web services with clear middleware, validation, routing, and operational guardrails. |
asp-net | Design and review ASP.NET Core applications with clear hosting, middleware, DI, API boundaries, and operational readiness. |
spring-boot | Design and review Spring Boot applications with strong configuration, layering, data boundaries, and operational guardrails. |
laravel | Design and review Laravel applications with strong route, controller, validation, Eloquent, queue, and deployment boundaries. |
| Skill | Description |
|---|---|
hugo | Design and review Hugo sites with clear content models, layouts, shortcodes, asset pipelines, and publishing workflows. |
See INSTALL.md for local plugin setup and build guidance.
make lint
make test
make build
make verify
The Python helpers are also available directly:
python scripts/lint_skills.py
python scripts/validate_skills.py
python -m unittest discover -s tests -v
Build artifacts land in built/ as one ZIP per skill. Each archive is rooted at llm-web-design-skills/skills/<skill>/... so release uploads match the repo layout.
llm-web-design-skills/
├── .claude-plugin/
├── .github/workflows/
├── docs/
├── linting/
├── scripts/
├── skills/
├── tests/
├── validation/
├── AGENTS.md
├── CHANGELOG.md
├── INSTALL.md
├── Makefile
└── README.md
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Uses power tools
Uses Bash, Write, or Edit tools
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Intelligent prompt optimization using skill-based architecture. Enriches vague prompts with research-based clarifying questions before Claude Code executes them
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.