BASIC STARTER

Your first AI build, one small step at a time.

Salamat sa pag-comment ng "BASIC"! Here's the sample workflow and instruction template from the video. Works with Codex and Claude Code.

  • ✓5-step workflow
  • ✓AGENTS.md template
  • ✓Beginner-friendly

Part 1 · The workflow

5 steps, one small project

Our sample project is a simple one-page website. Pero same loop din 'to for anything you build.

  1. 1

    Use the tool you already have

    Naka-ChatGPT plan ka? Use Codex. Naka-Claude plan? Use Claude Code. Install it using the official guide, then make one empty folder for your project.

  2. 2

    Add your instruction file

    Copy the template below into a file called AGENTS.md inside that folder. Edit the lines in [brackets]. Five minutes lang 'to, and you won't have to repeat your rules every time.

  3. 3

    Ask for one small thing

    Open the folder in your tool, then start with something small. For example:

    Prompt

    Make a one-page website for me: a header with my name, a short "about me" section, and a contact button. Tell me your plan first before writing any code.

    Read the plan. If it makes sense, say go.

  4. 4

    Check the output yourself

    Open the site in your browser. Click every button. Look at it on your phone. AI can get things wrong, so this step is your job, not the AI's.

  5. 5

    Improve one thing at a time

    Be specific. Instead of this:

    Vague

    Ayusin mo yung design.

    Try this:

    Specific

    Make the contact button bigger and orange, and center it on mobile.

    And if you catch yourself saying the same thing again and again ("mobile-friendly ha"), add it to your AGENTS.md. Ganun lumalago yung instruction file mo.

When you're ready

The next two concepts from the video

Hindi mo kailangan 'to para sa first project mo. Pero dito ka papunta.

Skills

Turn a repeated check into a Skill

When you keep asking for the same check, you can ask your tool to make a Skill for it:

Prompt

Create a Skill that checks my website: does it work on mobile, and are there any buttons or links that don't work? Tell me where you saved it.

Then review it and test it, just like any other output.

MCP · later na 'to

Connect the AI to your other tools

MCP (Model Context Protocol) is like a universal adapter. You'll need it when the AI has to read from another tool or data source, like your task tracker.

Hindi mo kailangan 'to for your first project. Instructions muna, then Skills.

Part 2 · The instruction template

Your starter AGENTS.md

Copy it or download it, save it in your project folder as AGENTS.md, then replace everything in [brackets]. Keep it short. You'll add rules over time.

AGENTS.md
Loading template…

Codex reads AGENTS.md from your project folder automatically.

Claude Code user?

Recent versions of Claude Code read AGENTS.md directly when your project has no CLAUDE.md. If it doesn't seem to pick up your rules (older version, or your project already has a CLAUDE.md), create a CLAUDE.md next to it with just this line:

CLAUDE.md

@AGENTS.md

One file, works in both tools. Ganyan din yung setup ng sarili kong project.

Install

Official guides

Install and setup change often, kaya sa official docs ka na lang sumunod.