PHCDevworks builds reusable design systems, application infrastructure, and platform tooling for teams shipping across clients, brands, and technology stacks.
Website and docs: go.phcdev.co
Spectre is a layered, framework-agnostic design system published on npm under @phcdevworks. Each package has one job and a documented boundary, so humans and AI coding agents can build on it predictably.
| Package | What it does |
|---|---|
| spectre-tokens | Design tokens: color, spacing, typography and semantic values |
| spectre-ui | CSS framework and utility classes built on the tokens |
| spectre-components | Accessible, framework-agnostic web components |
| spectre-ui-astro | Astro component library, SSR-friendly |
| spectre-manifest | Manifest schema and validator for package layers and AI agent guidance |
| Package | What it does |
|---|---|
| spectre-init | CLI to scaffold a new TypeScript app with Spectre pre-wired |
| spectre-shell | Lightweight app bootstrap shell |
| spectre-shell-router | Tiny client-side router with lazy-loaded pages |
| spectre-shell-signals | Reactive signal, computed and effect primitives |
| Project | What it does |
|---|---|
| spectre-base | Starter WordPress theme built on Spectre |
| spectre-ui-wordpress | Plugin that loads Spectre UI into WordPress |
| spectre-icons | SVG icon libraries for the Elementor icon picker |
API clients for Ruby and Rails applications.
| Gem | What it does |
|---|---|
| ruby_api_pack_core | Shared HTTP client foundation for the API pack gems |
| ruby_api_pack_active_campaign | ActiveCampaign API client |
| ruby_api_pack_cloudways | Cloudways API client |
npm install @phcdevworks/spectre-tokens @phcdevworks/spectre-uiFull guides live at go.phcdev.co.
All public projects are MIT licensed.