system-designDeep system design workflow—requirements, capacity, APIs, data, consistency, failure modes, trade-offs, and evolution. Use when preparing interviews, RFCs, g...
Install via ClawdBot CLI:
clawdbot install mikeclaw007/system-designGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 6, 2026
Design the core feed for a social platform like Instagram or Twitter, handling high read-to-write ratio, ranking, and real-time updates. Requirements include user actions (post, like, follow), feed generation with fan-out, and low latency.
Design a globally distributed e-commerce system with product catalog, cart, and order processing. Focus on data consistency across regions, disaster recovery, and handling peak traffic during sales events.
Design a WhatsApp-like messaging platform supporting one-on-one and group chats, with real-time delivery, ordering, and presence. Emphasize reliability with at-least-once delivery and idempotency.
Refactor a monolithic application into microservices by identifying bounded contexts and data ownership. Focus on incremental migration, strangler pattern, and managing distributed transactions with sagas.
Offer a free tier with basic features (e.g., limited posts, storage) and charge for advanced features like analytics, higher rate limits, or priority support.
Charge based on metrics such as number of API calls, storage used, or bandwidth consumed. Common for cloud services and messaging APIs.
Monetize user engagement by displaying targeted ads. Revenue depends on user base size and engagement metrics, often used in social media and content platforms.
💬 Integration Tip
Integrate with existing CI/CD pipelines to automatically generate capacity estimates and architecture diagrams from code changes, ensuring continuous alignment with design decisions.
Scored May 6, 2026
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL requir...
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.