design-to-code

Build skill by Athrix

View on GitHub
design-to-code skill

About

Claude turns a screenshot, mockup or Figma frame into a real, responsive website, then checks its own work against the design until the two match.

Install

npx skills add Atharvsinh-codez/skills
  1. 1Run the command in your terminal.
  2. 2Open a new Claude Code session.
  3. 3Give Claude a screenshot of a page and ask it to build it.