Directory

Design tools

Reviewed resources in Design tools. 97 resources listed.

97 listings in Design tools

  • open-slide

    open-slide.dev

    A slide framework built for coding agents: it handles the canvas, navigation, hot reload and present mode so an agent only has to write the slide content as React components.

  • M3E Canvas

    lnkiai.github.io

    A browser tool for sketching Material 3 Expressive app screens by dragging and connecting UI parts, then exporting the design as a prompt for an AI coding tool.

  • Stitch Design Skills

    stitch.withgoogle.com

    A library of agent skills for Google Stitch's MCP server, packaged as design, build and utility plugins for coding agents such as Codex, Claude Code and Cursor.

  • Dashi PPT Skill

    github.com

    An AI-agent skill that generates browser-editable presentations across 12 visual themes and more than 1000 layouts, letting a user tweak layout, color and content live before exporting to PPTX, PDF or HTML.

  • HTML Anything

    open-design.ai

    A local-first, agentic HTML editor where a local coding-agent CLI writes the HTML from more than 70 skill templates across nine deliverable surfaces such as magazines, decks, posters and social cards, with sandboxed preview and one-click export.

  • UI Skills

    ui-skills.com

    A registry of design-engineering skills, reachable from a terminal CLI or over MCP, distilling UI lessons for AI coding agents to draw on.

  • drawio-skill

    agents365-ai.github.io

    An agent skill that turns natural language, code, Terraform/Kubernetes, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable draw.io diagrams, with incremental sync, multiple views and CI architecture tests.

  • OpenSCAD

    openscad.org

    A script-driven, programmer-oriented 3D CAD modeller that compiles a description file into a solid model, using constructive solid geometry and 2D-outline extrusion rather than interactive sculpting.

  • fireworks-tech-graph

    yizhiyanhua-ai.github.io

    An AI agent skill, usable unchanged in Codex and Claude Code, that turns natural-language descriptions into geometry-checked SVG technical diagrams, PNG exports, SVG-to-GIF motion and interactive HTML.

  • A Model Context Protocol server that gives an AI coding agent access to Figma design data, so it can implement a UI from a Figma file more accurately than from a pasted screenshot.

  • text-to-cad

    texttocad.dev

    A library of agent skills that let an AI coding agent generate, inspect, source and slice CAD and robot-description files, from creating a part in STEP format to writing URDF robot structure files and checking manufacturability.

  • img2threejs

    img2threejs.io

    A tool that rebuilds the object in a reference image as a code-only, procedural Three.js model rather than a downloaded mesh, producing an animation-ready 3D scene an AI coding agent can generate directly.

  • Pascal Editor

    editor.pascal.app

    An open-source, local-first 3D architectural editor built with React Three Fiber and WebGPU, usable from the browser or a CLI, with MCP tools for connecting AI agents.

  • An AI-agent skill for Claude Code and Codex that generates single-file HTML slide decks in an editorial-magazine or Swiss-design style, with matching cover images and a low-power presentation mode.

  • DESIGN.md

    stitch.withgoogle.com

    A file format specification for describing a product's visual identity to coding agents, combining machine-readable design tokens with human-readable design rationale.

  • Hallmark

    usehallmark.com

    A design skill for AI coding agents such as Claude Code, Cursor and Codex that builds web page UI while avoiding common AI-generated design defaults, using a set of automated checks.

  • MCP for Blender

    mcp-for-blender.com

    An MCP server and matching Blender add-on that connect Blender to any large language model for prompt-assisted 3D modeling, scene creation and manipulation.

  • Frontend Slides

    github.com

    A coding-agent skill that generates polished HTML presentations from scratch or by converting an existing PowerPoint file, using generated visual previews so a non-designer can pick a style instead of describing one.

  • drawDB

    drawdb.app

    A browser-based database schema editor and SQL generator for building entity-relationship diagrams, exporting SQL scripts, and generating migrations.

  • Diagram Design

    cathrynlavery.github.io

    An agent skill that produces editorial-style architecture, flowchart, and other diagrams as self-contained HTML and SVG, matched to a project's own visual style.

  • Archify

    tt-a1i.github.io

    Archify is an agent skill that turns a description or an existing repository into an interactive, self-contained HTML diagram of an architecture, workflow, sequence or data flow.

  • Taste Skill

    tasteskill.dev

    A collection of installable AI-agent skills that add stronger layout, typography, motion and spacing rules to interfaces an agent builds, plus separate skills for generating reference images for web, mobile and brand-kit designs.

  • OpenDesign

    open-design.ai

    A local-first desktop app that turns an installed AI coding agent into a design tool: it generates prototypes, dashboards, slide decks, images and video from a brief, using a project's own design system, and exports the result as HTML, PDF, PPTX or MP4 files.

  • Awesome DESIGN.md

    getdesign.md

    A curated collection of DESIGN.md files, plain-text design-system documents that describe a real website's visual language for AI coding agents to read when generating a matching interface.