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

    Design Tokens Generator

    Brand or Figma to CSS and Tailwind

    tokens.css

    shadcn Preset Decoder

    Decode a preset into CSS and DESIGN.md

    globals.css

    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

    SKILL.md Generator

    Reusable skills for 27+ coding agents

    SKILL.md

    AGENTS.md Generator

    One config file for every coding agent

    AGENTS.md

    MCP Config Generator

    Connect agents to tools and data via MCP

    mcp.json
    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 →

    Style Packs

    FIELD NOTES VOL. 14 · SEPTEMBER 2026 INDEX ARCHIVE COLOPHON DISPATCH BY THE EDITORS The grid is a moral argument
    Style Pack

    Swiss Editorial
    > FIELD NOTES █ [index] [archive] // DISPATCH · VOL. 14 # THE GRID IS A MORAL ARGUMENT A style that cannot survive a data table. [subscribe] [preview]
    Style Pack

    Brutalist Terminal
    Field Notes INDEX ARCHIVE COLOPHON VOL. 14 · SEPTEMBER 2026 DISPATCH · VOL. 14 The grid is a moral argument MIRA CHEN · 8 MIN “A style that cannot survive a table is a costume.”
    Style Pack

    Warm Print Magazine
    Browse style packs →

    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 →