Skip to content
TrustedSkillsbeta
Back to all skills

Lit Component

Listed
commontoolsinc·vlatest·frontend·0BSD

Generates reusable UI components from text descriptions, streamlining development workflows with common design patterns.

Repository

Install on your platform

Showing Claude Code. One command installs this skill into any of the agents below.

  1. 1

    Run this in your project

    terminal
    $ npx skills add commonfabric/labs --skill lit-component -a claude-code

  2. Uses the open-source skills CLI and needs Node.js. Add -g to install it for your user instead of this project.

What we know about this skill

Publisher

commontoolsinc

Taken from the source listing. We haven't verified who controls this account.

Install target

Live repository

Not pinned. Installing fetches whatever the repository holds at the time you run the command.

Nobody has reviewed this code. TrustedSkills indexes and links skills; it does not audit, run or scan them. A skill runs with whatever access you give your agent — read the source before you install it.

Automated safety checks

scanned

We could not read this skill's source, so none of the checks below were run.

Not scanned. no SKILL.md in the repository Source recorded as commontoolsinc/labs.
This is a static scan, not a review. It reads the skill's files; it does not run them, and it cannot tell you whether the skill is any good or whether the code does what its description says. A skill runs with whatever access you give your agent.
What each check looks for →

About this skill

What it does

This skill provides guidance for developing Lit web components within the Common UI v2 component library. It helps developers create and modify reusable UI elements, focusing on design patterns like composition over control and adaptive styling to system preferences. The goal is to streamline development workflows by providing a structured approach to building consistent and functional user interface components.

When to use it

  • Creating new "ct-" prefixed components within the Common UI package.
  • Modifying existing Common UI v2 components.
  • Implementing theme-aware components that respect system preferences.
  • Integrating components with Cell abstractions for reactive behavior.
  • Debugging component lifecycle or reactivity issues.

Key capabilities

  • Guidance on developing Lit web components within the Common UI v2 framework.
  • Emphasis on design principles like composition over control and adaptive styling.
  • Support for building theme-aware components that respect system preferences.
  • Integration with Cell abstractions to create reactive components.
  • Categorization of components into Layout, Visual, Input, and Complex/Integrated types.

Example prompts

  • "Guide me through creating a new 'ct-button' component in Common UI."
  • "How do I implement theme awareness in my existing 'ct-input' component?"
  • "Show me the basic template for a Lit web component within this framework."

Tips & gotchas

  • The skill focuses on development within the Common UI v2 library; familiarity with Lit and its concepts is helpful.
  • Components should prioritize working together with minimal configuration, favoring composition over granular styling.
  • Refer to references/component-patterns.md and references/advanced-patterns.md for detailed component patterns and integration examples.