πŸ™‹β€β™‚οΈπŸ™‹β€β™€οΈ

Question

Stop treating AI like Google.

Instead treat it like a Junior Dev

Agenda

  • Setup (along with basic rules to follow)

  • How to use AI tools with different apps

  • Approach to solve Bug / Feature / P0's

Pankaj P. Parkar

Senior Software Engineer

  • Angular GDE (since 2019)

  • Ex- Microsoft MVP (2015-22)

  • @ngx-lib/multiselect πŸ“¦

  • #Devwhorun πŸƒ

GitHub @pankajparkar    Twitter Follow  

About Me!

@pankajparkar

Terminology

  • Prompt - The overall AI input

  • Context - The background information

  • Skill - Specialised capability

  • Command - explicit action instruction

  • Worktree - create code branch physically

Setup

  • Basic rules to follow
    • update CLAUDE.md
      • Set on parent folder of your projects
      • Project Architecture and index
      • Coding standards
      • avoid no-verify while commit
      • other rules
    • Skills and commands
      • feature development
      • bug fix
      • code-review

Lets check our CLAUDE.md

How to use AI tools with

different kind of apps

 

  • MVP

  • Enterprise / Startup (Strict Execution)

  • Legacy 

Typical Developer Workflow

Requirement
Analysis

Implementation Plan

Development

Push to QA

πŸ§‘

πŸ§‘

πŸ§‘

πŸ§‘

With AI you can have  below

Requirement
Analysis

Prepare context

(flow & functionality)

Development

Push to QA

promptπŸ‘¨β€πŸ’»

πŸ‘¨β€πŸ’»

Verify flows

πŸ§‘

πŸ”ƒ

πŸ’»

πŸ’»

How to use AI tools with

different kind of apps

 

  • MVP

  • Enterprise (Strict Execution)

  • Legacy 

MVP Apps

Req Analysis

Prepare context

(flow & functionality)

Development

Push to QA

promptπŸ‘¨β€πŸ’»

πŸ‘¨β€πŸ’»

Verify flows & impl plan

πŸ§‘

πŸ”ƒ

πŸ’»

πŸ’»

UX makes 3 screens

debate and decide screen

construct  flows

πŸ’»

πŸ’»

πŸ’»

Enterprise Apps

Req Analysis

Prepare context

(flow & functionality)

Development

Push to QA

promptπŸ‘¨β€πŸ’»

πŸ‘¨β€πŸ’»

Verify flows & impl plan

πŸ§‘

πŸ”ƒ

πŸ’»

πŸ’»

Divide plan into small chunks

πŸ’»

Legacy Apps

Req Analysis

Prepare context for specific module (flow & functionality)

Development

Push to QA

promptπŸ‘¨β€πŸ’»

πŸ‘¨β€πŸ’»

Verify flows & impl plan

πŸ§‘

πŸ’»

πŸ’»

claude mcp add -s user 
  --transport http github https://api.githubcopilot.com/mcp 
  -H "Authorization: Bearer YOUR_PAT_HERE"

MCP configuration

Takeaways

  • How you can convert you process to workflows using skills or command
  • Context is the key, better the context more accurate results
  • How the approach changes based on which kind of apps you are working on
  • When you are troubleshooting ask question, avoid hints
  • What I shared is my workflow, its not perfect, build your own 
  • MCPs are best way to get access to outside knowledge

https://github.com/pankajparkar/coffee-shop

@pankajparkar

https://pankajparkar.dev

How I actually use AI Tools

By Pankaj Parkar

How I actually use AI Tools

  • 31