sysdesign

Map system dynamics before designing Supabase, Vercel, and Next.js components.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/benjgrad/clawdbot --skill sysdesign
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sysdesign
Source: https://github.com/benjgrad/clawdbot/tree/main/skills/sysdesign
Command: npx skills add https://github.com/benjgrad/clawdbot --skill sysdesign

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill guides users through a structured systems design process, ensuring robust, scalable, and maintainable architectures by focusing on system dynamics before component implementation.

Core Features & Use Cases

  • Systems Mapping: Visualizes stocks, flows, feedback loops, and delays to understand system behavior over time.
  • Component Design: Guides the selection and design of database, API, and frontend components based on the systems map.
  • Integrity Checks: Scans for common system archetypes and assesses leverage points for effective interventions.
  • Use Case: When designing a new feature like a real-time notification system, this Skill helps map how notifications accumulate, how they are triggered, potential feedback loops (e.g., user engagement), and critical delays (e.g., message propagation), leading to a well-thought-out architecture.

Quick Start

Use the sysdesign skill to architect a new user authentication flow, starting with requirements gathering and system mapping.

Frequently Asked Questions about sysdesign

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design system architecture for Supabase, Vercel, and Next.js?

Systems design maps how elements like real-time notifications accumulate and flow over time. By visualizing stocks, feedback loops, and delays, you understand system behavior and identify leverage points before implementing database, API, or frontend components.

What is the best way to map system dynamics before building software components?

Mapping system dynamics involves visualizing stocks, flows, feedback loops, and delays using Meadows' systems thinking framework. This process identifies known failure patterns and leverage points to guide effective architecture interventions before component implementation.

How do I create a design doc for a Next.js and Supabase feature?

You can use this systems design process for features like a real-time notification system or user authentication flow. It helps map how notifications accumulate, trigger, and propagate, leading to a well-thought-out architecture for your stack.

Does systems design help identify failure patterns in software architecture?

Systems design helps identify failure patterns in software architecture by scanning for common system archetypes. It assesses leverage points for effective interventions, ensuring the architecture remains robust, scalable, and maintainable over time.