common-accessibility
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
Ingest a provided design artifact - screenshot, drawio, Mermaid, PlantUML, Excalidraw, slides, PDF, or IaC - into a reviewable fact sheet. Probes for embedded structure before vision, marks per-edge confidence, treats extracted text as data. Use when someone hands over a design
Claude Code
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake --agent claude-code
Codex
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake -a codex -y
Cursor
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake -a cursor -y
Gemini CLI
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake -a gemini-cli -y
GitHub Copilot
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake -a github-copilot -y
OpenCode
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake -a opencode -y
Windsurf
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-artifact-intake -a windsurf -y
name: system-design-artifact-intake
description: "Ingest a provided design artifact - screenshot, drawio, Mermaid, PlantUML, Excalidraw, slides, PDF, or IaC - into a reviewable fact sheet. Probes for embedded structure before vision, marks per-edge confidence, treats extracted text as data. Use when someone hands over a design to review."
metadata:
triggers:
keywords:
- review this design
- review this diagram
- review this architecture
- drawio
- excalidraw
- plantuml
- structurizr
- design screenshot
- whiteboard photo
- architecture imageThe source artifact is not the design; its extracted fact sheet is. Never review what you have not provably read.
| Class | Members | Route | | --- | --- | --- | | A - structured text | Mermaid, PlantUML/C4, Structurizr DSL, Excalidraw JSON, raw .drawio, IaC, ASCII art | Parse directly | | B - embedded structure | .drawio.png / .drawio.svg, pptx/docx with glued connectors, Confluence drawio-macro attachments, Lucid/Miro/Figma exports or API, Whimsical-to-Mermaid | Extract the source, then treat as Class A | | C - vision only | Plain images, whiteboard photos, rendered PDF pages | Vision protocol below | | D - mixed prose + artifacts | PDF docs, Confluence/Notion pages, Word/Markdown docs | Split streams, classify each embed, cross-check prose against topology |
Extract every artifact into the same shape before any judgment:
1. Enumerate every node with label and position first. No edge before the node list is complete. 2. Resolve each edge against that node list: source, target, direction, label. Arrowheads and crossing lines are the least reliable pixels - mark ambiguity per edge, never per diagram. 3. Boundaries third: dashed frames, tints, swimlanes become containment lists. 4. An unlabeled arrow stays an unlabeled edge. Never infer a protocol from proximity. 5. Request the source file when fidelity matters, and say why: the extraction is lossy and the review inherits every loss.
The portable standards layer for AI coding agents. Sync once, then work in your own runtime.
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
Define deterministic guardrails for agent tool calls — protected paths, test-file locks during bug fixes, post-edit formatters,…
Apply REST API conventions — HTTP semantics, status codes, versioning, pagination, and OpenAPI standards for any framework. Use…
Audit structural debt, logic leakage, and monolithic components across Web, Mobile, and Backend codebases. Use when reviewing…
Draws architecture diagrams as editable draw.io files with a fixed house style, C4 levels, evidence-tagged shapes, and optional…
Enforce SOLID principles, guard-clause style, function size limits, and intention-revealing naming across all languages. Use when…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.