claudecodex

llm-web-design-skills

Cross-compatible LLM skills for modern web design, frontend frameworks, backend frameworks, static sites, UI systems, and web build tooling.

1 on GitHubby Alison Aquinasv1.1.6MITupdated 5 months ago

Not in a marketplace yet, so it loads for one session with --plugin-dir.

Plugin llm-web-design-skills in alisonaquinas/llm-web-design-skills. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (16)

  • angular

    review, 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.

  • asp-net

    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.

  • django

    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.

  • express-js

    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.

  • hugo

    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.

  • laravel

    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.

  • material-design

    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.

  • nextjs

    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.

  • nodejs

    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.

  • react

    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.

  • scss

    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.

  • spring-boot

    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.

  • svelte

    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.

  • tailwind

    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.

  • vite

    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.

  • vue

    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.

Slash commands (2)

  • /llm-web-design-skills:frontend-review
  • /llm-web-design-skills:quality-gate

Subagents (1)

  • web-maintainer

    Use for web design and frontend/backend web skill maintenance with practical, testable guidance.

Hooks (1)

  • SessionStart

    "${CLAUDE_PLUGIN_ROOT}/hooks/run-hook.cmd" session-start

View source on GitHub

Maintain llm-web-design-skills?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted