Design.dev design.dev

AI Design & Dev Resources

Generators, prompts, and tools to direct AI agents and check what they ship.
Join 9,000+ devs and get a free set of 300 icons.

    300 custom icons — free download —
    Free icon set preview - 300+ design icons included with newsletter subscription

    AI Agent Config Generators

    DESIGN.md Generator

    Design tokens and rules agents can apply
    DESIGN.md

    AGENTS.md Generator

    One config file for every coding agent
    AGENTS.md

    SKILL.md Generator

    Reusable skills for 27+ coding agents
    SKILL.md

    Cursor Rules

    Scoped .mdc rules for Cursor IDE
    .cursor/rules/*.mdc

    CLAUDE.md Generator

    Project memory for Claude Code
    CLAUDE.md

    Copilot Instructions

    Repo-wide rules for GitHub Copilot
    copilot-instructions.md

    tasks.md Generator

    Turn a PRD into a step-by-step agent plan
    tasks.md

    MCP Config Generator

    Connect agents to tools and data via MCP
    mcp.json

    llms.txt Generator

    Tell LLMs which pages on your site matter
    llms.txt
    Browse all AI generators →

    AI Prompt Library

    UI Component

    Real-Time Data Chart
    UI Component

    Skeleton Loading Screen
    UI Component

    Toast Notification Stack
    Browse all AI prompts →

    Check What the Agent Shipped

    Color Contrast Checker

    Catch the low-contrast grays agents ship by default.

    Browser Feature Detection

    Confirm the CSS and JS the agent used actually ships.

    Image Optimizer

    Compress and convert agent-generated images before they ship.

    CSS Generators & Dev Tools

    Browse all CSS generators & tools →