design-capture

What problem does it solve?

This Skill automates the process of capturing web designs, extracting key design tokens, and storing them in a structured format that AI can use for coding.

Core Features & Use Cases

• Automated Design Capture: Takes a URL, visits the site, captures a full-page screenshot, and extracts design tokens (colors, fonts, spacing, animations).
• Structured Knowledge Notes: Saves the captured information into a Markdown note with predefined sections for easy AI reference.
• Use Case: When a user shares a URL and says "I like this design" or "save this site," this Skill will create a detailed reference note that an AI can use to replicate or understand the design.

Quick Start

Use the design capture skill to capture the design from the provided URL.