How We Build

We build like a team.
There are two of us.

Everything we ship at FC compounds — the research feeds the strategy, the strategy ships as tools, the tools get pressure-tested and deployed. Each layer makes the next one faster.

The Story

How We Got Here

This wasn't planned. It emerged from a simple realization: every session with Claude Code could ship something real. Here's what happened.

January 2026

One HTML file. A tool to help international student ministry workers understand their context. No framework, no build step — just a single file deployed to Cloudflare Pages in 20 minutes. It worked.

First Inflection

Every session can ship. The pattern became clear: identify a real problem, build a focused tool, deploy it the same day. One session, one tool. The portfolio grew faster than expected.

Second Inflection

Quality became the constraint. Fast shipping is easy. Shipping things that don't embarrass you is harder. We built the roast cycle — 3 rounds of 10-expert panel review, 150 findings per project — to pressure-test AI-generated work before it goes live. Speed stayed. Slop went away.

Third Inflection

The Missions Library changed the scale. We scraped 161,000 articles from 101 missions and faith-and-work organizations. That corpus didn't just become searchable — it became the research base for the Faith & Work Hub strategy, partner analysis, and content tools. Research and product stopped being separate tracks.

Now

50+ deployed projects. A custom skill library. Automated review loops. Research infrastructure that feeds live products. And a workflow that gets faster the more you use it — because every session builds on what came before.

The Compounding

Why It Gets Faster

Each layer of work feeds the next. This isn't a collection of projects — it's a system.

Research
161K articles
101 sources
Missions Library
Strategy
Faith & Work Hub
9 documents
$800K plan
Tools
50+ deployed
for field use
real users
Ship
Cloudflare Pages
Vercel · Workers
live in minutes

The corpus isn't just data — it surfaces what practitioners actually talk about. When we built the Faith & Work Hub strategy, we weren't guessing at what Asian returnee professionals need. We had 161,000 data points from the organizations already serving them. The strategy came out of the research, not despite it.

The strategy isn't just a plan — it becomes the brief for tools. Clear audience, clear problem, clear success criteria. That's why tools built from the corpus take a session instead of a week. Half the thinking is already done.

The tools go through the quality loop so they don't embarrass the org. Three rounds of expert review, a 30-point anti-AI audit, and real deployment. Not perfect — but intentional.

And because the infrastructure already exists — the CLAUDE.md files, the custom skills, the deploy pipeline — the next thing is always faster than the last one.

The Stack

What We Reach For, and Why

No version numbers, no install instructions. Just the tools and the reason each one earned its place.

Claude Code
Primary build env
Not a chatbot — a development partner with direct file access, custom skills, and hooks. You tell it what to build, it writes the code, runs the tests, and deploys it. The difference from a chat interface is enormous once you feel it.
CLAUDE.md
Context system
Every project has one. Every session starts with full context — file structure, key decisions, gotchas, commands. This is what makes the workflow reproducible by a second person. When you open a project you've never touched, CLAUDE.md is the briefing.
BMAD
Structured elicitation
50 methods for when you don't know what you don't know. Pre-mortem, expert panels, Shark Tank, Feynman. Why the Faith & Work Hub strategy has 5 rounds of expert review rather than one: BMAD makes it systematic instead of casual.
NotebookLM
Research synthesis
94 notebooks. Country intelligence, org strategy, corpus synthesis, partner analysis. Where the Missions Library becomes understanding — you can ask it questions about 161K articles and get grounded answers.
Obsidian
Knowledge base
181,000 notes. The Missions Library lives here — tagged with a 50-term taxonomy, wikilinked, and searchable. The corpus isn't just JSON files; it's a second brain you can navigate.
Cloudflare
Deploy target
Pages for static sites, Workers for backend logic, D1 for databases, R2 for storage. Zero config. One command from working to live. When the deploy is that fast, you ship earlier and iterate more.
Custom Skills
Repeatability
/roast /deploy /resume /wrapup — the parts of the workflow that happen every time, automated. Each skill is a slash command that launches a specialized agent loop.
Design principle: use AI precisely, not indiscriminately. Scraping, file I/O, and search index builds stay in pure Python and bash — no AI needed. Claude is reserved for synthesis, judgment, and generation. This is why 161K items get tagged at zero ongoing API cost. The operation is sustainable because AI does what only AI can do, and nothing else.
The Loop

How a Build Actually Works

Walk through a real build from start to finish. This is the CAMH Directory — 550+ verified Asian American Christian therapists, built in a single session.

1

Start With the Problem

550+ Asian American Christian therapists exist, but they're scattered across Psychology Today, PAAC, and personal websites with no centralized, searchable directory. A real gap. A fixable one.

2

Scrape the Data

Python scripts pull from Psychology Today and PAAC. Structured CSV gets cleaned into JSON — therapist name, location, specialties, languages, insurance, photo. No AI needed here; just file I/O and parsing.

3

Ship the First Version

Single HTML file. Fuse.js for client-side fuzzy search. Tailwind CDN for styling. One wrangler pages deploy command. Live at camh-directory.pages.dev. Total time: one session.

4

Run the Roast

Three rounds of 10-expert panel review. 150 findings total. Accessibility, performance, copy clarity, trust signals, mobile layout. Prioritize the ones that matter, implement them in order.

5

Anti-AI Audit

A 30-point checklist that finds AI aesthetics: gradient washes, vague copy ("empowering individuals to thrive"), corporate jargon, excessive border-radius, shadow stacking. Replace with specific language and human-feeling design. This is what separates a tool people trust from a tool that feels generated.

6

Deploy and Move On

381 therapist photos matched and loaded. State pages added. Submit form wired. OG image generated. Sitemap built. Done — and the loop is exactly the same whether it's a 1-page tool or a 10-page product.

The quality gates are built into the process, not added at the end. You don't ship and then review — the review is part of what shipping means here.
What We've Built

The Highlight Reel

Five projects that show range: from the org's public face to a co-built product to a client site to a real community tool. Not a complete list — the complete list has 50+ items.

Frontier Commons
Production
FC Website
The organization's public face — built and maintained as the canonical reference for FC's work, programs, and tools.
  • 16 pages, 198 commits, fully deployed
  • Collective impact framework, scholarship program, Faith & Work Hub
  • Most committed-to codebase in the portfolio
What mature looks like in this workflow
frontiercommons.org →
侨音 Qiaoyin
Co-built · Alpha
Qiaoyin Accent Trainer
Pronunciation training for Chinese-accented English speakers — built with a collaborator, real users in testing.
  • Azure Pronunciation Assessment API for real phoneme scoring
  • Gamification: XP, streaks, 18 achievement badges
  • Chinese-first i18n, diagnostic, drill, spaced repetition
The only co-built project — shows how the workflow scales to a team
accent-trainer-nine.vercel.app →
Care Navigator
Private Demo
Care Navigator
Benefits eligibility tool that converts 100+ hours of research into a 15-minute guided quiz.
  • Next.js 15, TypeScript, full rule engine for eligibility logic
  • Multi-step quiz, results page, document vault
  • The most technically complex build in the portfolio
Full-stack, real logic, real data — what depth looks like here
CAMH Directory
Live
CAMH Directory
550+ verified Asian American Christian therapists, searchable by state, language, and specialty.
  • Scraped from Psychology Today + PAAC via Python
  • 381 therapist photos, state pages, submit form
  • Zero server — client-side Fuse.js search over 187KB JSON
Cleanest example of the scrape → build → deploy pattern
camh-directory.pages.dev →
Mujin Japan
Live
Mujin Japan
Financial inclusion platform for unbanked populations in Japan — institutional-grade marketing site.
  • 7 pages: home, about, impact, apply, governance, partners, 404
  • USD/JPY calculator, impact metrics, partner network
  • Agency-level visual polish — Barlow Condensed, tight grid
Shows range: financial products, institutional audience, different sector entirely
mujin-japan.pages.dev →
You're Here

A Running System

If you're joining FC, you're not starting from scratch. The tools are here, the methodology is documented in every CLAUDE.md, and everything built so far is open to the next person who wants to take it further.

What's coming next: the Faith & Work Hub listening tour (50 returnee interviews in Singapore), real users on Accent Trainer, Care Navigator going public, and whatever surfaces from the corpus next. The pipeline doesn't stop.

The first thing to run when you open any project:

# Start here — reads CLAUDE.md, checks recent commits, tells you what's next
/resume

# See the full portfolio at a glance
/portfolio

# Ship something
/deploy

The methodology is learnable. The infrastructure is already running. The only thing left is to build.