Featured Projects

SpecKit Companion

A VS Code extension that makes spec-driven AI development visible. Instead of losing track of what an AI agent is building, you get a pipeline you can see: every feature moves through Specify → Plan → Tasks → Done, with progress, requirement coverage, and steering files in a sidebar next to your code. It works with Claude Code, Gemini CLI, and Copilot CLI, and has passed 35K+ installs across the VS Code Marketplace and Open VSX.

NGX Dev Toolbar

A toolbar that lives inside your running Angular app, so you can change how it behaves without touching code or waiting on a deploy. Flip feature flags on and off, mock API responses, switch language and timezone, and inspect permissions — all from a small pill docked at the edge of the browser. Built for the daily loop of developing and QA-ing a large Angular app.

alfredo-perez.dev

My site and writing home: 48 articles and build logs on Angular, AI-assisted development, and developer tooling, plus the talks I give and the stories behind the projects on this page. Built with Next.js and Tailwind, written and shipped in public.

Personal Projects

Kaiju

My AI workflow, versioned. Every repeatable task — writing an article, filing a ticket, cutting a release, reviewing a spec — is a Claude Code skill with a name, a version, and a changelog instead of a prompt I retype and slowly get wrong. 76 skills grouped by domain, plus the agents and hooks that make the other projects here possible.

Toku

The stage for AI-crafted content — presentation decks, short videos, and self-contained HTML docs. It ships the building blocks rather than an app: engine packages from npm, kits whose source you copy into your project shadcn-style with a CLI, and Claude skills that assemble them into finished work.

Archived Projects

A few older projects, mostly Angular demos and experiments. No longer maintained, but still online to explore.

angular-best-practices: a curated guide to writing clean, scalable Angular. Live
ngx-hn: a Hacker News reader built as an Angular PWA.
ngx-chat-demo: a real-time chat app demo. Live
angular-playground: a fitness-app playground for trying Angular ideas. Live
code-machina: a collection of coding experiments. Live
ng-demos: assorted small Angular demos.
build-for-accessibility-with-angular: accessibility patterns for Angular apps.
ngrx-example-app: a worked example of state management with NgRx.
SDD: a Claude Code plugin for spec-driven development (superseded by SpecKit Companion).

Tech Focus

GitHub Stats

Writing

I write about Angular, AI-assisted development, and developer tooling.

Pinned Loading

A powerful development toolbar for Angular applications to improve your developer productivity directly in the browser.

TypeScript 42 4
VS Code extension for spec-driven development — manage specs, workflows, and steering docs for AI CLI tools (Claude Code, Gemini CLI, Copilot CLI)

TypeScript 82 21
Spec-Driven Development — a Claude Code plugin for structured AI-assisted development workflows

Python 2