Directory
Design tools
Reviewed resources in Design tools. 97 resources listed.
open-slide
open-slide.devA 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.ioA 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.comA 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.comAn 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.aiA 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.comA 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.ioAn 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.orgA 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.ioAn 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.
Framelink MCP for Figma
framelink.aiA 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.devA 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.ioA 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.appAn 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.
Guizang PPT Skill
github.comAn 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.comA 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.comA 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.comAn 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.comA 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.appA browser-based database schema editor and SQL generator for building entity-relationship diagrams, exporting SQL scripts, and generating migrations.
Diagram Design
cathrynlavery.github.ioAn 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.ioArchify 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.devA 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.aiA 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.mdA 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.