Design.dev

Generate configuration files for AI coding agents and browse prompts and tools for front-end developers.

design.dev
Design.dev homepage screenshot

About Design.dev

Design.dev provides generators for AI coding agent configuration files, including DESIGN.md, CLAUDE.md, AGENTS.md, SKILL.md, Cursor rules, Copilot instructions, design tokens, and MCP configs. It also offers copy-paste UI prompts, style packs, and CSS generators.

It includes tools to check agent output, such as a color contrast checker, browser feature detection, and image optimizer.

Key features

  • Generate DESIGN.md files with design tokens and rules
  • Convert brand or Figma styles to CSS and Tailwind tokens
  • Generate CLAUDE.md, AGENTS.md and SKILL.md agent configs
  • Generate Cursor rules and Copilot repo instructions
  • Copy-paste UI prompts for components and loading states
  • Check contrast, browser support, and optimize images
Best for: Front-end developers who use AI coding agents to build and check interfaces.
Good for
  • Covers config formats for multiple coding agents in one place
  • Combines generation tools with checks for contrast and compatibility
  • Includes UI prompts and style packs for front-end work

Design.dev at a glance

Website
design.dev
Type
Online tool
Pricing
Not confirmed. Check the site
Platforms
Web
Open source
Not stated
Language
English
Last checked
Oct 5, 2026 · Online when checked
Listed
Oct 5, 2026

Design.dev alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Popular in Design Assets & Inspiration

Well-known listings from the same topic.

All 256
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing