Toolverse
All skills

system-design

by lagz0ne

Use when designing, architecting, or planning a new system from requirements or ideas - transforms concepts into navigable design catalog using EventStorming methodology, Mermaid diagrams, and progressive elaboration through 5 phases (Requirements, Big Picture, Processes,

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
lagz0ne
Category
UX / Design
Views
93

About this skill

Use when designing, architecting, or planning a new system from requirements or ideas - transforms concepts into navigable design catalog using EventStorming methodology, Mermaid diagrams, and progressive elaboration through 5 phases (Requirements, Big Picture, Processes, Data/Flows, Integration)

How to use

  1. Przygotuj wymagania lub pomysł na system, który chcesz zaprojektować. Umiejętność ta sprawdza się najlepiej na etapie planowania, zanim zaczniesz implementację.

  2. Uruchom skill i ogłoś jego użycie — narzędzie poinformuje, że używa metodologii EventStorming do stworzenia katalogu projektowego.

  3. W fazie Requirements odpowiadaj na pytania dotyczące aktorów, ograniczeń, skali i harmonogramu. Nie pomijaj tych pytań — stanowią fundament projektu.

  4. Przejdź przez kolejne fazy: Big Picture (timeline zdarzeń i poleceń), Processes (szczegółowe procesy z agregatami), Data & Flows (diagramy ERD, automaty stanów, sekwencje), aż do Integration (ostateczny katalog README).

  5. Zbieraj generowane pliki (requirements.md, big-picture.mmd, process-.mmd, erd.mmd, state-.mmd, sequence-*.mmd). Każdy diagram jest zapisywany w formacie Mermaid, gotowy do wizualizacji.

  6. Używaj diagramów jako wspólnego języka dla zespołu — katalog projektowy stanowi referencję przed kodowaniem.

Related skills

accessibility

by tech-leads-club

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to \

UX / Design
1647

godot-gdscript-patterns

by sickn33

Master Godot 4 GDScript patterns including signals, scenes, state machines, and optimization. Use when building Godot games, implementing game systems, or learning GDScript best practices.

UX / Design
27105

ui-ux-expert-skill

by fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility

UX / Design
60158

ux-writing

by content-designer

Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or

UX / Design
24114

3d-graphics

by samhvw8

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build,

UX / Design
2595

error-handling-patterns

by wshobson

Master error handling patterns across languages including exceptions, Result types, error propagation, and graceful degradation to build resilient applications. Use when implementing error handling, designing APIs, or improving application reliability.

UX / Design
22145