Skip to content
ai-native-builder-workflow logo

AI Native Builder Workflow

ai-native-builder-workflow

A complete end-to-end framework for non-technical product managers to build and ship software using AI coding agents. Use this when starting a side project, building a prototype, or automating internal tools without an engineering team.

SKILL.md

Full skill instructions

This workflow enables non-technical individuals to build production-ready applications by orchestrating AI models as a technical co-founder, developer, and QA lead.

Core Principles

  • The CTO Persona: Treat the AI as a Technical Owner. Instruct it to challenge your ideas, avoid "people-pleasing" (sycophancy), and own the technical architecture while you own the problem and user experience.
  • Exposure Therapy: Gradually move from simple chat interfaces (ChatGPT/​Claude Projects) to dedicated builders (Bolt/​Lovable) to pro-level IDEs (Cursor/​Claude Code).
  • Planning over Vibe-ing: Never let the AI start coding until a markdown plan is finalized. Eager coding leads to architectural debt and complex bugs.

The /​Command Workflow

Implement these custom prompts as reusable /​commands within your AI coding environment (Cursor, Claude Code, or IDE system prompts).

1. Capture: /​create-issue

Purpose: Quickly capture bugs or features without breaking development flow.

  • Instruction: Tell the AI to stop what it's doing and summarize the thought into a specific format.
  • Format: TLDR, Current State, Expected Outcome, and Priority.
  • Integration: Use MCP (Model Context Protocol) to automatically create a ticket in Linear or GitHub.

2. Deep Dive: /​exploration-phase

Purpose: Force the AI to understand the technical implications before writing code.

  • Process: Provide the issue ID as context.
  • Requirement: The AI must analyze the codebase and ask 5-10 clarifying questions regarding data models, UX, edge cases, and architectural impact.
  • Goal: Identify "Key Areas" of the code that will be affected.

3. Strategy: /​create-plan

Purpose: Generate a source-of-truth roadmap for the build.

  • Structure: Create a plan.md file including:
    • TLDR: High-level goal.
    • Critical Decisions: Tech stack choices or logic changes.
    • Task Checklist: Step-by-step implementation guide with status checkboxes ([ ]).
  • Review: Manually approve this plan before moving to execution.

4. Execute: /​execute

Purpose: Move the plan into code.

  • Process: Feed the plan.md to the coding agent (e.g., Cursor Composer or Claude Code).
  • Control: Execute one task at a time to ensure the UI and logic remain stable.

5. Multi-Model QA: /​peer-review

Purpose: Catch errors that a single model might miss by creating "model friction."

  • Technique: Have different LLMs review the same code.
  • Workflow:
    1. Run /​review with Claude to find its own mistakes.
    2. Copy the code into a different model (e.g., GPT-4o or Gemini 1.5 Pro).
    3. Use the /​peer-review prompt: "You are the dev lead. Other team leads found these issues [paste issues]. Either fix them or explain why they are not real issues based on our specific context."
  • The "Fight": Allow the models to argue technical points until a consensus is reached.

6. Continuous Learning: /​learning-opportunity

Purpose: Build your technical intuition while building.

  • Prompt: "I am a technical PM in the making. Explain this specific technical decision or error using the 80/​20 rule. Focus on architecture and mental models, not just syntax."

Maintaining the "Harness"

To keep the AI effective as the project grows, you must maintain its documentation.

  • /​update-docs: After every major feature, have the AI update the project’s documentation (e.g., architecture.md, api-routes.md) so the next agent session has full context.
  • Post-Mortems: When the AI makes a mistake, ask: "What in your system prompt or current documentation caused this error?" Update the system prompt to prevent that specific category of error from recurring.

Examples

Example 1: Feature Ideation

  • Context: You want to add a drag-and-drop "fill-in-the-blank" quiz type to a learning app.
  • Input: /​create-issue I want a drag and drop quiz type. 30% of tests should have this. 6 potential answers, 2 blanks.
  • Application: AI creates a Linear ticket. You then run /​exploration-phase where the AI asks how the state should be handled if a user drags the same answer to two different spots.
  • Output: A comprehensive technical plan that accounts for drag-and-drop library dependencies before any code is written.

Example 2: Bug Resolution

  • Context: The app crashes only on mobile Safari.
  • Input: Run the code through GPT-4o for a second opinion.
  • Application: GPT identifies a CSS incompatibility. Use /​peer-review to feed that feedback back to Claude.
  • Output: Claude acknowledges the oversight and provides a cross-browser compatible fix.

Common Pitfalls

  • The Sycophancy Trap: The AI will often agree with your bad ideas just to be helpful. Explicitly prompt it to be a "Cantankerous CTO" who protects the codebase.
  • The "Slop" Accumulation: Letting the AI generate thousands of lines without review. Use a "deslop" mindset: ask the AI to refactor for conciseness and remove redundant comments or unused imports after a feature is done.
  • Skipping the /​review: Assuming the code works because it "looks" right. Always run the code locally and trigger a /​review from a competing model.

More skills from majiayu000

xiaohongshu logo
majiayu000/claude-arsenal

xiaohongshu

xiaohongshu

286 148
View
agent-task-conductor logo
majiayu000/claude-skill-registry

agent-task-conductor

Conduct multi-agent task orchestration and workflow coordination.

663 1
View
conductor-setup logo
majiayu000/claude-skill-registry

conductor-setup

Initialize project with Conductor artifacts (product definition,

663 1
View
animation-designer logo
majiayu000/claude-skill-registry

animation-designer

Expert in web animations, transitions, and motion design using Framer Motion and CSS

663 1
View
diagramming logo
majiayu000/claude-skill-registry

diagramming

Creates Mermaid and ASCII diagrams for flowcharts, architecture, ERDs, state machines, mindmaps, and more. Use when user mentions diagram, flowchart, mermaid, ASCII diagram, text diagram, terminal diagram, visualize, C4, mindmap, architecture diagram, sequence diagram, ERD, or needs visual docume...

663 1
View
h3-pg logo
majiayu000/claude-skill-registry-data

h3-pg

PostgreSQL bindings for H3 hexagonal grid system. Use when working with H3 cells in Postgres, including spatial indexing, geometry/geography integration, and raster analysis.

23 1
View
conductor-development logo
majiayu000/claude-skill-registry

conductor-development

Context-Driven Development skill for projects using Conductor. Use this skill when you detect a `conductor/` directory in the project, when working on tasks defined in a `plan.md` file, or when the user asks about tracks, specs, or plans. Automatically applies TDD workflow, tracks task completion...

663 1
View
conductor-status logo
majiayu000/claude-skill-registry

conductor-status

Display project status, active tracks, and next actions

663 1
View
dockerization logo
majiayu000/claude-skill-registry

dockerization

Official Stakpak application containerization standard operating procedure, a step-by-step guidline to properly dockerize applications. This is a rule book curated by the Stakpak Team.

663 1
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View