Skill UI

This skill generates comprehensive Entity Relationship Diagrams (ERDs) and database schemas as D2 source code from an existing Entity Framework Core codebase. It analyzes DbContexts, DbSet declarations, Fluent API mappings, and migrations to accurately visualize tables, columns, primary/foreign keys, relationships (including many-to-many joins), owned types, and constraints. The output is a structured .d2 file, suitable for rendering into SVG or PNG, helping developers document the persistence model.

Create engaging and intuitive process visualization using the whiteboard aesthetic. This template simulates a physical brainstorming session with sticky notes, hand-drawn SVG connections, and optional cursor interactions, perfect for onboarding, system architecture, or operational workflows.

This skill provides expert capabilities for professional HTML development, emphasizing semantic markup, WCAG accessibility, and modern HTML5 standards. Use it to build structurally sound, accessible, and responsive web pages, incorporating complex forms, multimedia (SVG, Canvas), and adhering to industry best practices.