common-accessibility
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
Facilitate system design by classifying mode, depth, and surface independently; scoping journeys; estimating only decision-relevant quantities; tracing logical flows before physical binding; and selecting risk-driven views and deep dives. Use for system design sessions and
Claude Code
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology --agent claude-code
Codex
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology -a codex -y
Cursor
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology -a cursor -y
Gemini CLI
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology -a gemini-cli -y
GitHub Copilot
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology -a github-copilot -y
OpenCode
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology -a opencode -y
Windsurf
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-methodology -a windsurf -y
name: system-design-methodology
description: "Facilitate system design by classifying mode, depth, and surface independently; scoping journeys; estimating only decision-relevant quantities; tracing logical flows before physical binding; and selecting risk-driven views and deep dives. Use for system design sessions and reviews."
metadata:
triggers:
keywords:
- system design
- design a system
- design session
- high-level design
- low-level design
- HLD
- LLD
- requirements clarification
- capacity planning
- scale this
- system architectClassify work mode, depth, and system surface independently. Load only the relevant skill siblings: data-architecture for consequential data/state flows, mobile-client for mobile/client or SDK/library concerns, and diagramming only when a view is selected. Backend, mobile/client, SDK/library, and full-stack are surfaces; none is a mode.
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.