design-skills

CAD Skills is an installable library of agent workflows for mechanical design, fabrication, and robotics. Its skills can create or edit CAD models from text or image requests, preview local CAD and G-code files, find off-the-shelf STEP parts, produce DXF drawings, prepare slicing work, and handle robot-description or simulation artifacts. STEP is the main modeling output, with supported exports such as STL, 3MF, and GLB. The library installs through the Skills CLI or provider-specific plugin paths for agents such as Codex and Claude Code.

Use compatible coding agents to create or edit Google Stitch screens, import existing frontend code into a design, manage design systems, and generate implementation assets. The collection includes workflows for React, React Native, and other build targets, but the design operations depend on the Stitch MCP server and selectively installed skills may require companion skills.

Awesome Design Skills is a curated registry of 67 design skill packages for Claude Code, Cursor, Codex, and other agentic tools. Each package typically pairs an agent-facing SKILL.md with a human-readable DESIGN.md covering brand direction, typography, color, spacing, components, and related visual rules. The TypeUI CLI can pull a chosen skill into a project by slug.

effective-html is a collection of Agent Skills for producing self-contained visual HTML deliverables. The general html skill handles broad pages, html-diagram creates full-screen architecture and system diagrams with SVG-first presentation, and html-plan builds structured planning pages. Each skill bundles a local example corpus to guide the intended style. Users can install the full collection or one skill, then optionally annotate the rendered result with Plannotator or share it through a separate service.