Connect

Building with AI

This is the exact workflow to build properly with AI. You install the CodeSpring skills once, then your agent plans before it builds and never drifts from what you wanted. Follow these steps in order, from getting connected to keeping your plan true to your code.

Set up once

You set this up one time. Install the CodeSpring skills and your agent learns the whole workflow, so from then on it knows how to plan, build, and keep your plan in sync with your code.

Run these four commands in your project folder, or skip ahead and paste the prompt below to let your agent run them for you.

1. Install the CLIAdds the codespring command
npm i -g @codespring-app/cli
2. Sign inOpens your browser once
codespring auth login
3. Add the skillsInstalls the whole CodeSpring skill pack
npx skills add CodeSpringApp/codespring-skills
4. Link this projectRun in your project folder
codespring init
Paste into your agent

We are going to use CodeSpring to plan and build this app properly. Please set it up: install the CodeSpring CLI with npm i -g @codespring-app/cli, sign me in with codespring auth login, add the CodeSpring skills with npx skills add CodeSpringApp/codespring-skills, and link this project with codespring init. When it is connected, tell me the name of my CodeSpring project so I know it worked.

The workflow

Each step below is a prompt you paste into your agent. It runs the matching CodeSpring skill and does the work, then you move on to the next step. This is the order that keeps your agent planning before it builds.

1

Get started

Connect to CodeSpring and pick your path, whether you are building a new app or one you already have.

Runs the cs-getting-started skill.

Paste into your agent

Get me started with CodeSpring and point me to the right next step, whether I am building a new app or importing one I already have.

2

Import your codebase

This maps the app you already have into CodeSpring before you change it, so your agent understands what exists.

Runs the cs-import-codebase skill.

Paste into your agent

Import my codebase into CodeSpring so you understand my app. Map my core features and sub-features, add a plain-language note for each, generate the Frontend and Backend PRDs, and run an audit of the code against the map.

3

Plan the feature with a PRD

A PRD gives your agent a full, accurate picture of a feature, so new work builds on what already exists instead of duplicating or breaking it.

Runs the cs-create-prd skill.

Paste into your agent

Create the PRDs for the [feature name] feature in CodeSpring. Deep-dive the real code, make the Frontend and Backend PRD, and attach them to the feature so new work does not duplicate or break what exists.

4

Break it into tasks

Turn the PRD into an ordered, parallel-safe build plan your agent can work through.

Runs the cs-create-tasks skill.

Paste into your agent

Turn the [feature name] feature's notes and PRDs into a numbered, prioritized Kanban task list in CodeSpring that is safe to build in parallel.

5

Build the feature

Your agent checks the feature is ready, then works the tasks without breaking your live features.

Runs the cs-build-feature skill.

Paste into your agent

Build the [feature name] feature from its CodeSpring plan. Check it has enough context and a task list first, then work through the Kanban tasks without breaking my existing features.

6

Resync after building

Keep the plan true to the code, since features drift once they are built. This reads your code only and never changes it.

Runs the cs-resync-codebase skill.

Paste into your agent

Resync CodeSpring with my code. Check whether my features, notes and PRDs still match what the code actually does now, and update CodeSpring to match. Do not change my code.

Want the full list of what each skill does and how to invoke it? See the Skills library.