Playbooks from the field

Technical guides that accelerate remediation

Each guide distils the audits, workflows, and communication cadences we deploy when stabilising platforms built with AI-assisted code. Use them as implementation templates with your teams.

Starter guide

Signals Implementation Checklist

A printable checklist for planning and executing a Signals rollout in Angular 20+.

What you will learn

  • Audit render pressure before touching state.
  • Bridge RxJS + Signals with typed adapters.
  • Document derived selectors with Storybook/Docs.

Readiness checkpoints

  • Signals pilot identified with measurable KPI.
  • Feature flags in place for each slice.
  • Observability wired for render counts + vitals.

Advanced guide

SSR on Firebase Hosting Playbook

Environment variables, caching, and monitoring steps for enterprise Angular SSR.

What you will learn

  • Bundle budgets tracked separately for browser + server.
  • Synthetic monitors prove hydration success.
  • GA4 + BigQuery capture UX timings for stakeholders.

Readiness checkpoints

  • SSR build process documented with rollback plan.
  • Runtime logging structured with trace ids.
  • Dashboards share hydration + perf metrics.
Angular SSR, Firebase Hosting, Cloud Functions, GA4Open guide

Starter guide

UX Token Pipeline

Keeping Figma tokens, Sass maps, and PrimeNG themes perfectly synced.

What you will learn

  • Treat tokens as code with linting + PR review.
  • Expose tokens inside Storybook for designers.
  • Automate Chromatic checks for every token change.

Readiness checkpoints

  • Tokens exported nightly and versioned.
  • PrimeNG + custom components share the same CSS vars.
  • Accessibility regression tests run in CI.
Figma, Tokens Studio, PrimeNG, StorybookOpen guide