Profile My skills Saved My plugins Edit profile Submit a skill

Web Modules

(ePost) Use when integrating a component into a B2B module — adding screens, binding APIs, wiring stores, setting up routes

majiayu000 Updated 567 repo stars
Web & Frontend

File contents

Module Integration Skill

Purpose

Patterns for integrating components into B2B modules with proper API binding, state management, routing, and design system compliance.

Reference Files

File Purpose
references/module-scaffold.md File creation order for new features
references/api-binding.md Component -> Hook -> Action -> Service pattern
references/store-pattern.md Redux Toolkit slice creation
references/routing.md Next.js App Router module routing
references/consistency-checklist.md Design system compliance checklist

Integration Workflow

  1. Read module-scaffold.md — understand file creation order
  2. Create types in _ui-models/
  3. Create service in _services/
  4. Create actions in _actions/
  5. Create hooks in _hooks/
  6. Create store slice in _stores/
  7. Create components in _components/
  8. Wire up in page.tsx
  9. Run consistency-checklist.md

Related Skills

  • web-prototype — Converting external code
  • domain-b2b — Module knowledge
  • web-ui-lib — Component reference
  • web-nextjs — App Router patterns

majiayu000/claude-skill-registry-data/tree/main/development/web-modules commit a9b7ec569b

Browse category

Frequently asked questions

npx skillmds@latest add majiayu000/web-modules