55 tagged drawing, measured the same way as everything else here.
Browse within: canvas 46whiteboard 29diagram 27infinite 27sketch 27graphics 17rust 17skia 17webgpu 17ai-assistant 5ai-skills 5best-practices 5
Skill Claude CodeCodex
This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing…
Skill Claude CodeCodex
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends an AI agent's capabilities with specialized knowledge, workflows, or tool integrations.
Skill Claude CodeCodex
Migrate a project to a newer version of the tldraw SDK. Use when upgrading tldraw packages, fixing TypeScript errors after a tldraw upgrade, or when the user mentions tldraw migration.
Skill Claude CodeCodex
A skill that uses the Gemini website, Google's AI assistant, for conversations and image generation. It defines how the assistant should choose tools and handle long-running requests.
machaomc/refine-canvas-strokes
Skill Claude CodeCodex
Design, implement, review, or troubleshoot safe refinement of editable 2D canvas strokes. Use for handwriting smoothing, automatic text layout cleanup, optional font-guided handwriting normalization, freehand cleanup, geometric shape snapping, diagram cleanup, stroke-style normalization, semantic stroke replacement…
Skill Claude CodeCodex
Manual-invocation only. Five-phase feature loop (audit → ground → fixture → implement → verify) for driving a single SVG feature to Chromium parity in the grida htmlcss::svg renderer. Sibling to dev-render-htmlcss-feature (HTML/CSS path); same loop shape, different corpus (resvg-test-suite + Chrome bake) and different…
Skill Claude CodeCodex
Guides performance optimization work on the Grida Canvas Rust rendering engine (grida crate). Use when asked to benchmark, profile, optimize, or analyze rendering performance — panning, zooming, compositing, caching, culling, or frame budgeting.
Skill Claude CodeCodex
Design, review, and debug visual rendering tests: reftests (independent oracle), golden/snapshot regression tests, probe tests (pixel assertions without vision), SVG reftest suites, and Figma refig suites. Use when adding pixel diffs, choosing an oracle strategy, or comparing renderer output against a ground truth.
Skill Claude CodeCodex
Draw diagrams, flowcharts, and visualizations on an Excalidraw canvas. Use when the user asks to draw, visualize, create diagrams, or sketch ideas.
Skill Claude CodeCodex
Use when doing placement and metal routing (manual or automatic) on GDS layouts via the klayout-draw-mcp MCP server — standard-cell rows, multi-layer wires, vias, and obstacle-aware maze (Lee) routing, with DRC checking in the loop.
Skill Claude CodeCodex
Ask the user to draw or annotate something and get it back as an image. Use when the user runs /draw, says they want to sketch or diagram, or when words alone are failing to pin down a visual change and it would be faster for them to point at it.