claudecodex

kiva-design-to-code

Turning Kiva designs into compliant code: the Kiva Tailwind preset, plus audits/migrations that bring consuming repos into design-system alignment.

4 on GitHubv0.1.1updated yesterdayDevelopment
/

Plugin kiva-design-to-code from marketplace kv-ui-elements in kiva/kv-ui-elements. Commands read from the repo's manifest — yesterday.

What it installs

Skills (3)

  • audit-page-design

    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.

  • kiva-tailwind

    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

  • publish-code-connect

    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 tok

View source on GitHub

More from kiva/kv-ui-elements

All 3 plugins →

kiva-design-system

claudecodex

Using Kiva's design system: the router skill over design tokens — typography, color, spacing, radius, layout, and color-themes.

1 skill

4

kiva-skill-builder-utils

claudecodex

Meta-tooling for building and maintaining Kiva agent skills, starting with extracting design-system sections from Figma into skill files.

1 skill

4

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

cli-anything

claude

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

agent-browser

claude

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Open Code Review

codex

Use Alibaba Open Code Review from local Codex.

2 skills

alibaba/open-code-review 50,068

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

Maintain kiva-design-to-code?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins3 plugins