How I Use DESIGN.md Files and Claude Skills to Design Without Starting From Scratch
If you build interfaces with Claude, you know the pain: you write a long prompt, the result is close but not right, and you rewrite it again. That is the problem we set out to solve at Ansphare. I founded it as a free d
If you build interfaces with Claude, you know the pain: you write a long prompt, the result is close but not right, and you rewrite it again.
That is the problem we set out to solve at Ansphare. I founded it as a free design tool for developers and designers, where you combine ready-made pieces instead of starting from a blank page.
The 4 building blocks
Top classic designs
300+ design systems inspired by brands like Apple, BMW, Tesla, Spotify, and Stripe. Each one captures colors, typography, spacing, and components.Verified ready-made prompts
1200+ prompts for UI animations, kinetic typography, SVG animations, particle effects, phone mockups, and 3D scenes.DESIGN.md files
A DESIGN.md file describes a design in a format Claude understands. You can download one, or paste any website URL and generate it in one click.Claude Skills
120+ downloadable instruction files that teach Claude to do a task the same way every time.
A simple workflow
Pick a classic design system
Add a ready-made prompt
Attach a Claude Skill
Give everything to Claude and generate
The result looks polished from the first try, with no prompt-writing from scratch.
Try it
It is completely free, with no paywall: ansphare.com
We would love your feedback. Which design system or skill should we add next? Tell us in the comments.
Originally published by Dev.to AI. Aggregated on AIWithGhost for educational purposes — full credit and traffic to the original publisher.