figma-from-code
claudeRebuild 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.
Plugin code from marketplace bitovi-ai-enablement in bitovi/ai-enablement-prompts. Commands read from the repo's manifest — 1 month ago.
create-skill-claudeUse this skill when the user asks to "create a skill", "add a skill", "make a new skill", "build a skill", or wants to automate a repeated workflow into a reusable prompt. Guides creating a properly structured Claude Code skill.
create-skill-copilotCreate new Agent Skills for this project. Use when asked to create a skill, document a workflow, or teach Copilot a new capability. Skills are stored in .github/skills/ and can include instructions, scripts, examples, and resources.
document-featureCreate comprehensive feature requirement documents. Use when asked to document a feature, write feature requirements, or create feature specifications. Includes user stories, functional requirements, data model review, workflows, and edge cases.
instruction-generationOnboard an AI agent to an unknown codebase by generating a comprehensive instructions file. Use when asked to analyze a codebase, generate copilot instructions, create an onboarding document, or teach an AI about a project. Runs a 6-step prompt chain covering tech stack, file categorization, archite
signaturesGenerate a signatures.md file summarizing API signatures with a mermaid dependency graph. Use when asked to document APIs, create an API overview, or generate a signatures file.
spec-answered-questionsIncorporate answered spec questions back into the spec. Use after the user has answered questions in a spec document.
spec-checkReview an implementation spec for contradictions, redundancy, and completeness. Use when asked to review or check a spec against the codebase.
spec-implementImplement a spec phase-by-phase with pause points. Use when asked to implement a spec or plan. Creates todo lists and verifies build/tests/lint after each step.
specBuild a detailed implementation plan. Use when asked to create a spec, plan, or implementation document. Gathers context from Jira/Figma links via MCP tools and adds numbered questions.
Rebuild a Figma design system from a running web app's codebase
11 skills · hooks
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
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.