← Subjects

Learning Claude · Claude Code

Learning Claude

Notes on building real apps with Claude — the six documents to write before any code, and the MCP servers, plugins, and tools that extend what Claude can do.

DOC

6 Required Documents

Write these before asking Claude to build anything. Together they define what the project is, how it works, and the order to build it in.

D1

Product Requirements Document

What exactly are we building?

  • What the app does — its main purpose and why it is worth building.
  • Who it is for — the target users and stakeholders.
  • Every feature that is in scope for this build.
  • An explicit list of what is out of scope, so the project does not creep.
  • Success criteria — measurable targets that define "done".

D2

App Flow Document

A complete map of the app from the user’s point of view.

  • What does a user see when they first land?
  • Where do they go after signing up?
  • What happens when they click Settings?
  • What does the error state look like?

D3

Tech Stack Document

A version-locked list of every dependency the app will use.

  • Frontend and backend frameworks
  • Database, auth library, and CSS framework
  • API clients, payment processor, file storage, and email service

D4

Content Guidelines Document

A lightweight design system.

  • Colour palette
  • Typography choices
  • A spacing system
  • Component aesthetics
  • Tone of voice

D5

Backend Schema Document

A complete technical spec of the data and access layer.

  • How the data is structured
  • How the system handles identity and access
  • Every database table, with every column
  • Relationships between tables
  • Authentication flows
  • Authorization rules
  • API endpoints

D6

Implementation Plan Document

Give Claude a clear build sequence.

  • The order things get built in, step by step, so each piece has what it depends on already in place.

MCP

MCP Servers

Model Context Protocol servers plug Claude into outside tools and data, so it can act on them directly instead of you copy-pasting.

03

PostgreSQL MCP Server

Read-only SQL access and schema inspection for a Postgres database. Reference server, now archived.

05

Slack MCP Server

Read channels and post messages in a Slack workspace. Reference server, now archived.

07

Puppeteer MCP Server

Drive a headless browser — navigate, click, and take screenshots. Reference server, now archived.

08

Context7

Pulls up-to-date, version-specific library docs into the prompt, so code matches the version you use.

PLG

Plugins

Add-ons for Claude Code that bundle commands, skills, and agents to sharpen the build-and-review workflow.

01

Superpowers

A skills library for disciplined workflows — brainstorming, planning, test-driven development, and debugging.

02

Frontend Design

Steers Claude toward distinctive, production-grade UI instead of generic layouts.

03

Code Review

Automated pull request review, using several agents and filtering out low-confidence findings.

04

Security Review

Scans code changes for security vulnerabilities, from the terminal or as a GitHub Action.

05

Claude-Mem

Persistent memory across sessions — records what happened and feeds the useful context back in.

06

gstack

An opinionated pack of Claude Code skills that act like specialist roles — planning, review, QA, and shipping.

OTH

Other Tools

Frameworks, collections, and helper tools from the wider Claude Code ecosystem.

01

Playwright

Microsoft's framework for browser automation and end-to-end testing.

02

Skills

A directory for discovering and installing agent skills.

05

SuperClaude Framework

A configuration framework that adds commands, personas, and behaviour modes to Claude Code.

07

21st.dev

A community library of React and Tailwind UI components.

Links checked September 2026 — some reference MCP servers have since been archived.