galyarderlabs/galyarder-design/import-screenshot-to-prototype

Claude Code and agent skill by galyarderlabs/galyarder-design

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Use this plugin when the user provides a screenshot or image reference and wants it reconstructed as an editable Galyarder Design prototype with sensible components, layout, and responsive behavior.

Install

npx vskill@latest install galyarderlabs/galyarder-design/import-screenshot-to-prototype

SKILL.md

Import Screenshot To Prototype

Workflow

  1. Inspect the screenshot and identify layout regions, controls, typography scale, color roles, and content hierarchy.
  2. Ask for the target viewport only if it cannot be inferred.
  3. Rebuild the screenshot as a clean index.html artifact with semantic sections and reusable CSS tokens.
  4. Preserve the visual intent, but replace unreadable or unavailable text with realistic editable content.
  5. Add responsive behavior for at least one mobile width.
  6. Self-critique visual fidelity, text fit, and editability before final.

Output Contract

Produce index.html and a short import-notes.md that lists inferred decisions.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
7
7-day trend score
15

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/galyarderlabs/galyarder-design/import-screenshot-to-prototype/badge)](https://verified-skill.com/skills/galyarderlabs/galyarder-design/import-screenshot-to-prototype)

Something wrong with this skill or its page? Tell us.