figma-from-code
claudeRebuild a Figma design system from a running web app's codebase
11 skills · hooks
End-to-end feature implementation workflow: design, build, test, self-review via a code-reviewer agent, then prep a PR.
Plugin implement-workflow from marketplace bitovi-ai-enablement in bitovi/ai-enablement-prompts. Commands read from the repo's manifest — 1 month ago.
implementImplement a feature from a spec, plan, or ticket — design, build, test, self-review via the code-reviewer agent, then prep a PR. Manual-invoke only: /implement-workflow:implement <spec, plan, or ticket>.
ready-to-pushGet the code ready for deployment by running the project's test, lint, and build commands in order, fixing any issues that arise and rerunning each command until it passes before moving to the next.
review-prReview all commits on the current branch against remote main before opening a PR. Surfaces bad code, bad practices, inconsistencies, and files that should not be committed. Use when about to open a PR and wanting a code review first.
suggest-prSuggest a pull request title and description for the current branch. Use when the user wants to open a PR, wants a PR description, or asks what to write for a pull request.
code-reviewerExpert code reviewer for this project. Use proactively after code is written or modified to review the current branch against the main branch for bugs, security issues, type safety, and project conventions (architecture/layering, auth guards, typed config layer, path aliases, idempotent migrations).
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
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
Mock data and data model patterns for Zod-based React apps — sample data generation, data model management, and feature workflows.
3 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.