Skills
.Work. You
Rest

card-class-handbook

Official

Build Mica card classes correctly the first time

Software Engineering#dependencies#metadata.json#mica#card-class#card.js#esm vs umd#spec frontmatter
Authormica-agent
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents repeated build-and-lint failures by codifying the canonical Mica card-class contract that tools enforce, so authors don’t redeclare injected globals, wrap code incorrectly, or write invalid metadata shapes.

Core Features & Use Cases

  • Defines canonical card-class architecture: explains the required four-file card class layout and how it renders an instance.
  • Documents the CANONICAL CARD.JS shape (CARD_SHIM contract): clarifies how container and mica are injected and must be used without redeclaration, plus where teardown logic belongs.
  • Spec frontmatter contract and decomposition tiers: teaches how structured specs map to handler/sidecar/dependencies and how to pick the cheapest viable tier per subtask.
  • Dependency-loading rules: explains UMD vs ESM patterns and how to load external libraries without guessing URLs.

Quick Start

Read this handbook, then author or update your card class by following the canonical card.js structure and the card-class spec frontmatter contract.

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: card-class-handbook
Download link: https://github.com/mica-agent/mica-solar-system/archive/main.zip#card-class-handbook

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.