Spectre Documentation
The official reference for the Spectre design system — tokens, UI, Astro components, web components, and the WordPress theme shell.
Spectre Base
`@phcdevworks/spectre-base` is the WordPress theme shell of the Spectre system. It delivers a Spectre-backed WordPress theme foundation built on Vite, TypeScript, and Tailwind CSS 4.
OverviewSpectre Components
`@phcdevworks/spectre-components` is the Lit-based component layer of the Spectre system. It implements Spectre's design contracts as reusable, accessible, framework-agnostic web components.
OverviewSpectre Icons
Spectre Icons is a WordPress plugin that adds bundled and uploaded SVG icon libraries to Elementor's icon picker, with per-library enable/disable controls. Icons render as inline SVG so they inherit theme colors through builder color controls, and uploaded icons are sanitized and stored in a site-sp
OverviewSpectre Init
`@phcdevworks/spectre-init` is the project scaffolding CLI of the Spectre shell ecosystem. It creates a new TypeScript app from a bundled template, wires Spectre dependencies, and provides a predictable starter structure.
OverviewSpectre Manifest
`@phcdevworks/spectre-manifest` is the manifest schema and contract tooling package of the Spectre system. It records package roles, layers, ownership boundaries, dependency rules, and AI/tooling guidance in one machine-readable source of truth, and validates each package's `spectre.manifest.json` a
OverviewSpectre Shell
`@phcdevworks/spectre-shell` is the app bootstrap shell package of the Spectre system. It wires a root element to route definitions, starts the router, imports shared shell styles, and exposes a small readiness signal for Spectre apps.
OverviewSpectre Shell Router
`@phcdevworks/spectre-shell-router` is the client-side router package of the Spectre system. It maps URL paths to lazy page modules, renders into a root element, and keeps navigation behavior framework-agnostic for Spectre-based applications.
OverviewSpectre Shell Signals
`@phcdevworks/spectre-shell-signals` is the reactive primitives package of the Spectre system. It provides `signal`, `computed`, and `effect` without tying Spectre runtime code to a UI framework.
OverviewSpectre Tokens
`@phcdevworks/spectre-tokens` is the design-token package of the Spectre system. It provides a complete, UI-ready token surface for downstream Spectre packages and compatible applications.
OverviewSpectre UI
`@phcdevworks/spectre-ui` is the styling contract package of the Spectre system. It translates Spectre design tokens into CSS bundles, Tailwind theme configuration, and class recipe functions for downstream adapters and apps.
OverviewSpectre UI Astro
`@phcdevworks/spectre-ui-astro` is the Astro adapter package of the Spectre system. It adapts Spectre UI's class recipes into Astro components for Astro applications that consume the core Spectre UI contract.
Overview