Internal platform work
Frontend foundation & team tooling
An internal starter kit that new dashboards start from — reusable components, dynamic theming, shared utilities and a standard architecture — plus npm packages and VS Code extensions that remove repeated work.
Private work — described at a high level. Code, internal screens and client details are intentionally left out.
Problem
Every new dashboard was starting from a blank project: the same layout, theming, API layer and table and form patterns rebuilt slightly differently each time.
Architecture
A starter kit with reusable components, dynamic theme switching, shared utilities and a standardized project architecture, adopted as the base for new dashboards across the team.
Around it, a set of npm packages and VS Code extensions automate the remaining repetitive tasks. The published ones: wakeb-starter-cli generates CRUD modules and components from Vue 3 form schemas; wakeb-composables holds the shared composables; wakeb-map is a multi-provider map library; wakeb-font ships offline Arabic and Latin fonts; wakeb-clients packages client assets; the Wakeb MCP extension gives AI assistants the component catalog, design tokens and code review for starter projects; and Wakeb Skills is a set of 25 AI agent skills that keep generated code on the team structure and conventions — reusing existing components, RTL-safe spacing, design tokens and translated strings.
- Products
- New dashboards
- Starter kit
- Reusable components
- Dynamic theming
- Shared utilities
- Tooling
- npm packages
- VS Code extensions
Outcome
New projects start from a shared foundation instead of a copy of the last one. Internal details, code and screens are confidential and intentionally left out.