From claude-resources
Guides installation of Figma capture script in web projects like React/Vite for dev-only browser-to-Figma page capture without Playwright injection.
npx claudepluginhub takazudo/claude-resourcesThis skill uses the workspace's default tool permissions.
Guide for adding Figma's capture script to a web project so pages can be captured to Figma without Playwright injection.
Guides Next.js Cache Components and Partial Prerendering (PPR): 'use cache' directives, cacheLife(), cacheTag(), revalidateTag() for caching, invalidation, static/dynamic optimization. Auto-activates on cacheComponents: true.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Share bugs, ideas, or general feedback.
Guide for adding Figma's capture script to a web project so pages can be captured to Figma without Playwright injection.
Figma MCP's generate_figma_design tool captures a rendered web page and converts it into editable Figma layers. The capture requires Figma's serializer script loaded on the page. Two approaches:
/dev-figma-capture) - inject at runtime. No source changes but heavier.<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
What it does:
Add the script to the project's HTML only in development mode. Never ship to production.
{process.env.NODE_ENV === 'development' && (
<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async />
)}
<head> or end of <body>/dev-figma-capture can use the simpler URL fragment approach instead of Playwright