kv-ui-elements

Detect changed Figma Code Connect mappings in @kiva/kv-components and publish them to the shared Figma org library — validate, optionally reconcile property names against the live node, then publish and verify in Dev Mode. Wholesale idempotent publish; no CI path (Figma allows only a 90-day user token for Code Connect write).

Index and router for the Kiva design-system sub-skills — typography, layout, spacing, radius, border, elevation, color, and color-themes. Entry point for any task touching Kiva's visual language — auditing existing code for design-system compliance, generating new UI with correct tokens and Tailwind utilities, answering design-token questions, or performing a Figma-to-code handoff. Routes to the relevant sub-skill(s); load only what the task requires, never all at once.

Audit a page and its nested local components against the Kiva design system one dimension at a time (typography, then spacing), apply in-repo fixes, and capture before/after screenshots for visual review. Code-first detection; external package components are notated, never edited.

How to use Tailwind CSS v3 when it is backed by Kiva's design tokens — what the @kiva/kv-tokens preset changes about stock Tailwind (the tw- prefix, themable colors compiled to CSS custom properties, disabled core plugins, token-driven scales, an opinionated base layer), how to wire the preset into a project, and how the preset is compiled from DTCG tokens. Mechanical and integration-focused; for which token to pick, defer to the per-topic skills (color, spacing, radius, typography, layout).

Process skill for extracting a section of the Kiva design system from Figma into a portable agent skill file in @kiva/kv-skills/design-system/skills/kiva-design-system. Codifies the artifact-gathering, code-verification, structure, voice, and index-update steps proven out across typography, layout, spacing, and radius.