figma-from-code
claudeRebuild a Figma design system from a running web app's codebase
11 skills · hooks
Plugin marketplace
AI enablement skills and prompts for development workflows
Add this marketplace
Then install any plugin below by name — each page has its exact command.
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
Mock data and data model patterns for Zod-based React apps — sample data generation, data model management, and feature workflows.
3 skills
Skills for creating new agent skills for Claude Code and VS Code Copilot
2 skills
Type-safety patterns for tRPC + Prisma monorepos — AppRouter type inference and package instruction templates.
1 skill
Shows how many plugins this repo ships, and links here.