LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

Skills tagged: design-to-code

Browse skills that share this tag.

  • spirit:figma-to-code - Convert Figma designs into React with Spirit Web React
    figmareactspirit-web-reactdesign-to-code

    ★ 26 · Updated 2026-09-22

    Implement production React UI from a Figma design using @alma-oss/spirit-web-react.

    ⚙ Acquire Figma design context⚙ Map design to Spirit components⚙ Apply responsive layout breakpoints
  • figma - Figma MCP Design-to-Code
    figmadesign-to-codemcp

    ★ 18 · Updated 2026-09-20

    Translates Figma designs into production code using the Figma MCP server.

    ⚙ Fetch Figma design context⚙ Retrieve design metadata outline⚙ Capture design visual screenshot
  • ai-prototype-prompter - Generate Optimized Prompts for AI UI Tools
    FigmaUI designprompt engineeringprototyping

    ★ 34 · Updated 2026-05-09

    Reads Figma designs and generates tool-specific prompts for AI UI prototyping tools

    ⚙ read Figma design⚙ verify Figma connection⚙ analyze screenshot
  • @tank/figma-to-code - Pixel-Perfect Figma to Code
    Figmadesign-to-codepixel-perfectdesign-system

    ★ 1 · Updated 2026-03-26

    Extract Figma design specs and translate to pixel-perfect code with exact CSS values

    ⚙ Extract design context⚙ Capture screenshots⚙ Extract design tokens