14 AI agent skills to speed up developers
A product-owner map you can hand to engineering
I help startups, SaaS teams, and agencies design and ship AI systems, document workflows, and complex web platforms. Your team and agents run the system after handoff.
A product-owner map you can hand to engineering
Choose strategic guidance, focused implementation, or embedded development based on what your project needs. Every engagement is designed so your team and agents can run the system after handoff.
Strategic guidance for AI architecture, product planning, technical decisions, and implementation reviews.
Recommended
End-to-end ownership of a defined initiative, from planning and architecture through implementation and handoff.
Senior engineering capacity working directly with your team to own complex features, integrations, AI systems, and web platforms.
Application architecture, AI systems, document intelligence, and production operations.
Typed product surfaces, APIs, and multi-tenant foundations.
Agents, retrieval, and evaluation wired into real products.
PDFs and spreadsheets turned into verified structured data.
Auth, billing, jobs, and observability that hold under load.
Calvin is a senior product engineer. He works across frontend architecture, backend systems, AI integrations, document processing, authentication, billing, and infrastructure. He focuses on products where technical decisions decide whether you can ship.
10+ years of building ambitious products
Open-source client libs for shared UI state, theme, i18n.
| Package | What it does | Repo |
|---|---|---|
| active-state | Tiny keyed pub/sub store — React, DOM bindings, persist / shared / SSR | CalvinMaighan/active-state |
| active-theme | Mode + color on :root — persist by default, /lite, /state + <ActiveTheme /> | CalvinMaighan/active-theme |
| active-i18n | Typed dictionaries + useText() / t() — persist by default, /lite, /state + <ActiveI18n /> | CalvinMaighan/active-i18n |
import { ActiveState, useActiveState } from "active-state/react";
import { ActiveTheme } from "active-theme/state";
import { ActiveI18n } from "active-i18n/state";
import { useText } from "active-i18n/react";
<>
<ActiveState init={state} ssr />
<ActiveTheme init={theme} />
<ActiveI18n init={i18n} />
{children}
</>
const [layout, setLayout] = useActiveState(LAYOUT);
const [mode, setMode] = useActiveState(THEME);
const { t, setLocale } = useText();
One bus for prefs. Theme paints data-theme / CSS vars. useText() gives t under <ActiveI18n />; setLocale writes the bus.