figma-from-code
claudeRebuild a Figma design system from a running web app's codebase
11 skills · hooks
Mock data and data model patterns for Zod-based React apps — sample data generation, data model management, and feature workflows.
Plugin react-mock from marketplace bitovi-ai-enablement in bitovi/ai-enablement-prompts. Commands read from the repo's manifest — 1 month ago.
generate-sample-dataGenerate mock/sample data from Zod schemas for testing, development, and mocks. Use when creating sample data generators, setting up test fixtures, populating mock APIs, or generating realistic fake data for development.
implement-featureEnd-to-end workflow for implementing a new UI feature in a mock app. Ensures data model alignment, sample data, UI/UX consistency, component reuse, and automated verification. Load for ANY UI change.
update-data-modelAdd or modify domain entities in the data model using Zod schemas. Use when creating new entities, adding fields, changing relationships, or updating the domain model structure.
Rebuild a Figma design system from a running web app's codebase
11 skills · hooks
Baseline planning, spec, and codebase understanding skills. Works with any codebase, any stack.
9 skills
Playwright-based QA workflows — E2E testing, debugging, responsive verification, visual diffing, and pixel-perfect orchestration. Requires Playwright MCP.
8 skills
End-to-end feature implementation workflow: design, build, test, self-review via a code-reviewer agent, then prep a PR.
4 skills · 1 agent
Core React component development patterns — modlet structure, component extraction, registry, reuse, and validation.
5 skills
Full Figma-to-React lifecycle — design analysis, component implementation, visual sync, and Code Connect mapping. Requires Figma MCP.
4 skills
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.