text-to-cad

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.

Describe the game you want and start with the director skill; it routes the work across gameplay, graphics, UI, audio, debugging, and release checks. The package includes a Vite and TypeScript scaffold, deterministic test hooks, a seeded random generator, and Playwright templates for browser, visual, and bot testing. Core game work runs without paid API keys, while optional external asset generation requires provider credentials.