Modular UI Kit

Description

This skill should be used when generating UI kits with a modular folder structure following Atomic Design principles. It enables creating separate HTML and CSS files for each component (atoms, molecules, organisms) with vertical slices architecture, making components reusable and easy to convert to Blazor.

Tool Access

Full access

Inherits all available tools

Supporting Files

3 files

Additional assets for this skill

Tool Access

This skill inherits all available tools. When active, it can use any tool Claude has access to.

Supporting Assets

references/component-templates.md

references/folder-structure.md

references/index-template.md

Links

GitHub Stats

0 forks

Updated 7 days ago

Related Skills

gitops-workflow

22.8K

Implement GitOps workflows with ArgoCD and Flux for automated, declarative Kubernetes deployments with continuous reconciliation. Use when implementing GitOps practices, automating Kubernetes deployments, or setting up declarative infrastructure management.

From kubernetes-operations

helm-chart-scaffolding

22.8K

Design, organize, and manage Helm charts for templating and packaging Kubernetes applications with reusable configurations. Use when creating Helm charts, packaging Kubernetes applications, or implementing templated deployments.

From kubernetes-operations

k8s-manifest-generator

22.8K

Create production-ready Kubernetes manifests for Deployments, Services, ConfigMaps, and Secrets following best practices and security standards. Use when generating Kubernetes YAML manifests, creating K8s resources, or implementing production-grade Kubernetes configurations.

From kubernetes-operations