Define Architecture

mblode/agent-skills

Generates folder structures, module contracts, and middleware patterns for TypeScript full-stack apps. You get a complete architecture brief covering repo shape (apps vs packages), backend layering (handler/service/dao separation), AsyncLocalStorage-based request context, and frontend boundaries (Server Components by default, explicit client state). It walks you through either greenfield setup or incremental adoption in an existing codebase, then runs validation loops for consistency and quality gates. The principles are ordered by priority, which is refreshingly opinionated: KISS beats everything, duplication beats premature abstraction, and you build one vertical slice before adding layers. Comes with guardrails against common mistakes like microservices for small teams or skipping rollback plans.

skills.sh installs

448

GitHub stars

191

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1getdesignmohtashammurshid/getdesignTurn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the448skills.sh installs

2d3-vizdavila7/claude-code-templatesCreating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations445skills.sh installs

3flutter-uidhruvanbhalara/skillsBuild performant, accessible UIs with strict design tokens and reusable widget patterns. Use when implementing layouts, responsive breakpoints, theming, widget 435skills.sh installs

4icon-designjezweb/claude-skillsSelect semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking 428skills.sh installs

5inertia-rails-setupinertia-rails/skillsOne-time project initializer for Inertia Rails skills. Detects stack and frontend framework (React/Vue/Svelte) from Gemfile and package.json, offers to install 424skills.sh installs

6syncfusion-blazor-commonsyncfusion/blazor-ui-components-skillsSet up Syncfusion Blazor components — project creation, NuGet packages, service registration, script loading, bUnit testing, and localization & globalization co424skills.sh installs