The Claude Code workspace
The discovery workspace held five things in parallel:
- The kickoff meeting transcript and any subsequent meeting transcripts.
- Screenshots of the design system presented at kickoff.
- Documentation and (where accessible) source code for the three third-party platforms.
- Notes captured during the meetings themselves, often during breaks.
- Outputs from the research agents as they completed.
Discovery work was driven through Claude Code agents rather than in a single chat, so each stream of work (one per third-party platform, one for the design system, one for the data model) had its own scratch space and could be revisited independently.
From design screenshots to component library
For each screenshot I asked Claude Code to identify the component candidates, group repeated patterns, and produce a Vue.js component breakdown plus the data shape each component needed. That output became the seed of the component library and, crucially, fed straight into the data mapping work, because each component now had a concrete data contract.
From data contracts to PoC
Once the data contracts existed, I asked Claude Code to scaffold a Vue.js proof of concept fed by a mock service layer matching the contracts. The mock layer was deliberately stupid: it returned canned responses for every endpoint the front end would ever call. That meant the entire dashboard could be clicked through end to end before the back end existed.
The C# back end was then built to satisfy the same contracts. The mock service layer was retired in stages as real endpoints came online, so the front end never had to be rewritten. This is also why the PoC-to-MVP transition did not require a rebuild: there was nothing to throw away, only mocks to replace.
What did not work
Not every output was useful. Claude Code produced more component variations than were needed and sometimes proposed integration patterns that did not match the realities of the third-party platforms. In particular, it could not reliably tell where Campus ended and Beehive began without being shown, because their boundaries were a product of organisational history rather than anything documented. The remedy was always the same: feed the correction back, narrow the brief, and re-run.