Provide layout and notation guidelines for block diagrams and state charts.
npx skills add https://github.com/zeveck/zskills --skill model-design-zeveck
Please help me install this Agent Skill. Skill: model-design Source: https://github.com/zeveck/zskills/tree/main/block-diagram/model-design Command: npx skills add https://github.com/zeveck/zskills --skill model-design-zeveck
Create clear, consistent guidelines for designing well-laid-out block diagrams and state charts to improve readability, verification, and collaboration across engineering teams.
Apply these guidelines to produce readable, scalable block diagrams and state charts for your projects.
High-intent search queries and answers about installing and using this skill.
State-chart guidelines cover state sizing, transitions, labeling, and hierarchy to reduce crossings, overlaps, and ambiguity during modeling and architecture reviews.
Familiarity with layout practices, port alignment, overlap avoidance, and standardized notation such as MAAB-guided conventions is required to effectively apply these diagram design guidelines.
These guidelines apply to engineering teams who need to communicate complex systems clearly, especially for modeling tasks, architecture reviews, and engineering documentation.
Yes, prerequisites include familiarity with layout practices, port alignment, overlap avoidance, and standardized notation such as MAAB-guided conventions to properly apply the rules.
wpgauravApply 60 component patterns and design-system rules to React, HTML, and CSS interfaces.
zzafergokCreate C4 model and Mermaid diagrams for software architecture documentation.
SeemSeamProvide design direction for UI layout, typography, color, spacing, density, motion, and state design.
viktorbezdekGenerate Mermaid and C4 diagram code from textual system descriptions.
