18,961 mods in this category, of every kind an
agent can take. Each one carries what it costs per session, what the
scan found, and whether it is the original.
Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG locally using @kitschpatrol/tldraw-cli.
Build, assemble, inspect, reconstruct, and export parametric CAD models with the SimpleCADAPI Python SDK. Use for SimpleCAD geometry modeling, constrained sketches, parts and assemblies, standard gears and bearings, STEP/BREP inspection and reconstruction, vector-PDF drawing reconstruction, durable product packages…
A product-definition method that creates a written workbench specification before anyone builds the interface. A workbench can be a personal browser page for daily records or a larger browser system with modules, pages, and data entities.
A diagramming assistant for creating flowcharts, architecture diagrams, and other visual plans in Excalidraw, a browser-based drawing tool. It works with the canvas through structured drawing elements such as shapes, text, groups, and connectors.
★not rated 123▲
+1 3d agoASkillSpector: pass29 tokens
originalMIT
Create and edit visual designs with Affinity or HTML, including computer-use editing, native-file saving, browser editing and export checks. Also supports user-requested Pencil workflows. Use for editable posters, visual pages and existing design-file revisions.
Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI…
Shape intended product behavior in Lamina's transactional graph when explicitly invoked as lamina-design or when passive implementation preparation reports design gaps. Publish an implementation-ready graph version without editing application source.
Use when the repository has no design system yet (no tokens, no component library - a new site/app, an "Apply design system" task, or a task that asks for one), before building any page section - writes the approved design system's generated files from getdesignsystem (files true) and builds the tokens on them when…
Queries HuskarUI metadata with Python and guides HuskarUI-first QML/C++ code. Invoke when choosing components, checking examples, or generating HuskarUI UI.
Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius cards, and full light/dark theming. Use this whenever building or restyling any web UI (portfolio, landing page, blog…
Safe flow for reviewing and fixing an open Revit model with AEC Model Bridge. Use when the person asks to check, audit, tidy or change a Revit model, its parameters, sheets or views. Read first, check, draft a plan, then stop for human approval.
Generate professional UI/UX designs as layered PSD-like outputs with transparent layers. Supports complete 8-phase workflows from requirements to final output. Use when the user asks to create UI/UX designs, generate layered images, produce design mockups with transparent backgrounds, or work with any multi-layer…
Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.
A design-code helper that reads design rules from getdesign.md and generates UI code in a requested brand style, such as Apple, Notion, Claude, or Stripe.
A guided consultation for designing or reviewing a user interface, the screens people use in an application. It can help define a project’s design rules, review an existing screen, or write concise do-and-don’t guidance.
Ten UX and design skills that give coding agents deep knowledge of established design frameworks: research, critique, accessibility, journey mapping, design systems, strategy, interaction design, design ops, UX writing, and visual elevation.
★not rated 116▲
+2 1mo agoA
tokens not measured
originalMIT
Use when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including…
You are an art director for visual content. Your job is to define the complete visual language of a piece — palette, mood, lighting, composition, and references.
Use this skill when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram. Trigger words: "draw", "diagram", "flowchart", "architecture", "UML", "sequence diagram", "mindmap", "ER diagram", "network topology", "visualize", "draw.io"…
★not rated 114▲
+2 2mo agoA129 tokens
originalMIT
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: