Mighty Decks components

English-first React card components, presentation catalogue data, CSV exports, runtime artwork, and static PNG export tooling for Mighty Decks.

import "@mighty-decks/components/styles.css";
import { GameCard, ActorCard } from "@mighty-decks/components/react";

<GameCard type="outcome" slug="success" layout="full" />
<GameCard type="outcome" slug="success" layout="compact" />
<ActorCard baseLayerSlug="guard_blue" tacticalRoleSlug="thug" />

en is currently the only accepted locale. IDs are language-neutral; callers must handle an unsupported locale rather than assuming translation. Compact and full layout are independent from output density.

For package authors, run pnpm assets:prepare, pnpm generate:data, and pnpm build. pnpm generate:png is a separate browser-export command and requires Playwright Chromium (pnpm exec playwright install chromium). pnpm generate prepares assets and runs both generation steps; it is never an install hook. See the maintainer workflow for checks and release validation.

In a consumer, run mighty-decks-components copy-static --out ./public; the default component asset base is then /mighty-decks/assets. The command is offline and copies assets, CSV/manifest data, guides, and the skill under ./public/mighty-decks; it intentionally does not copy PNG exports. Pass assetBaseUrl only when the consumer serves the copied resources elsewhere.

Static-image users download the matching versioned PNG archive from the package release and extract it into the same public directory. PNG paths are not npm package exports.

@mighty-decks/components/export exports cardCatalog, contentVersion, enumerateStaticCards, and validateCardExportInput. Generated resources are derived from the catalogue; edit the catalogue source rather than output files.

See the packaged guides and the usage skill. Installing the npm package does not automatically install an agent skill.

License

Source code is MIT licensed. Original card content, artwork, and documentation are licensed under CC BY 4.0, so you may share and adapt them for any purpose with appropriate attribution. Bundled fonts remain under their respective SIL Open Font License terms.

Fonts and artwork

The package bundles the original card artwork and local Kalam and Shantell Sans font files so card faces do not inherit a consumer application's typography. See third-party notices for the bundled font licenses.