lit-dev

Community

Scaffold and test Lit web components fast

Authorklh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a standardized, production-ready workflow for creating Lit web components so teams avoid ad hoc setups, inconsistent APIs, and missing runtime validation or tests.

Core Features & Use Cases

  • Scaffolds component directories with barrel exports, TypeScript decorators, and scoped styles for reusable UI elements.
  • Integrates Zod schemas for runtime validation and type inference, ensuring component props and events are validated and well-typed.
  • Includes Playwright fixtures and test server configuration to run component-level end-to-end and interaction tests.
  • Suited for building design systems, shareable UI libraries, and isolated components that require strong typing, documentation, and CI-friendly tests.

Quick Start

Create a new Lit component using the provided template to scaffold a component with Zod validation and Playwright tests, then start the dev server to verify fixtures.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: lit-dev
Download link: https://github.com/klh/speedy-claude/archive/main.zip#lit-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.