Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Specification into a Working App | Section
Introduction to Claude Code

Specification into a Working App

Stryg for at vise menuen

With the project specification complete, Claude Code can begin building the dashboard. The prompt should clearly identify the project folder, the specification file, the required technologies, and the tasks Claude needs to complete.

In this example, Claude is asked to:

  • Build the dashboard with Next.js and Tailwind CSS;
  • Match the design of the existing landing page;
  • Create a new PostgreSQL database;
  • Add the leads and campaigns tables;
  • Seed the database with example leads;
  • Configure the local environment;
  • Start the development server;
  • Mark completed tasks in spec.md.

Claude then works through the specification, creates the database, adds mock data, builds the application, and checks the interface using screenshots. Once the process is complete, it provides a summary of the work and a local link for opening the dashboard.

The finished dashboard includes a login page, an activity summary, lead records, detailed lead pages, and campaign information. The example data makes it possible to test the interface before real leads are added.

After reviewing the result, you can give Claude smaller follow-up tasks. For example, you might ask it to add editable outreach templates for different campaign stages. This approach is often more effective than trying to describe every detail in the initial prompt.

Start with a clear specification, let Claude complete the main build, and then improve the application through focused iterations. This makes large development tasks easier to manage and helps move the project closer to a finished working product.

question mark

What should you do after Claude completes the initial dashboard build?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 11

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Specification into a Working App

With the project specification complete, Claude Code can begin building the dashboard. The prompt should clearly identify the project folder, the specification file, the required technologies, and the tasks Claude needs to complete.

In this example, Claude is asked to:

  • Build the dashboard with Next.js and Tailwind CSS;
  • Match the design of the existing landing page;
  • Create a new PostgreSQL database;
  • Add the leads and campaigns tables;
  • Seed the database with example leads;
  • Configure the local environment;
  • Start the development server;
  • Mark completed tasks in spec.md.

Claude then works through the specification, creates the database, adds mock data, builds the application, and checks the interface using screenshots. Once the process is complete, it provides a summary of the work and a local link for opening the dashboard.

The finished dashboard includes a login page, an activity summary, lead records, detailed lead pages, and campaign information. The example data makes it possible to test the interface before real leads are added.

After reviewing the result, you can give Claude smaller follow-up tasks. For example, you might ask it to add editable outreach templates for different campaign stages. This approach is often more effective than trying to describe every detail in the initial prompt.

Start with a clear specification, let Claude complete the main build, and then improve the application through focused iterations. This makes large development tasks easier to manage and helps move the project closer to a finished working product.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 11
some-alt