# keithteo.ai, full content > Keith Teo builds AI-powered websites and teaches non-technical professionals to do the same. Singapore-based product leader, AI Power Users community organiser, and SMU Academy trainer. This file contains the full text of every substantive page on keithteo.ai. It exists for AI search engines (ChatGPT, Claude, Perplexity, Google AI Overviews) that prefer concatenated long-form text over crawling individual pages. It is generated from the built site, so it cannot drift from what is published. Site: https://keithteo.ai Author: Keith Teo Location: Singapore Contact: keith@cclarity.io LinkedIn: https://linkedin.com/in/keithteo36/ Generated: 2026-09-28 --- ## About Keith Teo Source: https://keithteo.ai/about/ ### Keith Teo Product leader. AI builder. Trainer. I've spent 13 years building products and leading teams at companies like Grab, where I shipped features used by millions across Southeast Asia. I led product teams, defined roadmaps, and learned that the best products come from deeply understanding the people who use them. Today I'm Head of Product at Elitez, a Singapore recruitment and HR group, building their applicant tracking and learning products. Outside work, I run AI Power Users, a free meetup community in Singapore for founders and operators putting AI to work. Seven meetups, 625 sign-ups so far. I'm also a trainer at SMU Academy, and I deliver private Claude Code training for company teams. I built CheckHowMuch.sg, a 9,700+ page property intelligence site, without a single developer, plus One Big Guide and SeeWhatIf. Before that, Cclarity, a LinkedIn MCP I built and ran from 2023 to 2026, now being rebuilt as a web app. I also research what Singapore actually does with AI, and how AI is changing 12 professional roles here, recomputed from the raw Anthropic, OpenAI and MOM releases. I'm based in Singapore, but my perspective is global. I believe the best way to learn is by building something real. ### Experience 2026 - present Head of Product Elitez Building applicant tracking and learning products for a Singapore recruitment and HR group. 2026 - present Founder AI Power Users Free meetup community in Singapore for founders and operators putting AI to work. 2024 - present Trainer SMU Academy Training professionals in AI tools and product development. 2023 - 2026 Founder Cclarity LinkedIn MCP for Claude and ChatGPT. Retired 2026, being rebuilt as a web app. 2024 - 2026 Claude Code workshops Keith Teo (keithteo.ai) Six public cohorts and private team sessions. Nine alumni sites live. Earlier Product Leadership Grab & others 13+ years building products, leading teams, and shipping at scale. 13+ years in product 9,700+ pages built with AI 625 meetup sign-ups Get in touch LinkedIn Email Training for your team --- ## Community: AI Power Users Source: https://keithteo.ai/ai-power-users/ For Singapore founders & operators ### Become a Power User. Free meetups in Singapore for people learning to put AI to work. We are starting with Claude as the first tool in the series, with ChatGPT and others coming next. Join the WhatsApp group Free. Singapore-based. No selling. The next one ### Next date announced in the WhatsApp group. Meetups run roughly monthly. The date, venue and theme are posted in the group first, and seats go to the group before anywhere else. Join the WhatsApp group See the latest deck Free. Singapore. Beginners welcome. What it is ### A room of people figuring out AI together. AI Power Users is a free community and a series of hands-on meetups in Singapore. It is tool-agnostic. The point is not any one app, it is learning to put AI to work in real situations, the kind you actually face running a company or a team. Each meetup takes on a real skill, from your first connectors and automations to creating content with AI. Claude and ChatGPT both show up, alongside tools like Higgsfield and Hyperframes, whatever fits the night. We publish for this room too. What Singapore actually does with AI is our read of the Anthropic and OpenAI releases, recomputed from the raw files and updated every quarter. The meetups so far ### Six nights in, every room full. 5 stars average across attendee ratings. Meetup 06 30 July 2026 · Aspire View the deck -> #### Hire them, or become them. Our first fireside panel, and the first night without a build-along. Adrian (product manager, GovTech), Chip (product designer, ex-Grab) and Lennie (forward deployed engineer, IMDA) took the room through what those three jobs actually involve day to day, how to hire for them well, and how to break in without a computer science degree. Ninety minutes, most of it questions from the floor. Aspire hosted. Meetup 05 15 July 2026 · ERC Institute View the deck -> #### From cold list to booked call. The two halves of a lead engine, built live. Keith wired up the inbound side, a website form into an automated email sequence in Kit, then Charmain took the room through outbound in Clay: find the right people, enrich them, and reach out at scale. Tian Long kept the room fed, and everyone left with the playbook on One Big Guide. The combination of both sessions gave me a much fuller picture of the AI lead gen stack, from data enrichment to workflow automation. Ai Wee, attendee Meetup 04 1 July 2026 · ERC Institute View the deck -> #### Generating images and video with AI. A Keith-led build-along: generate an image with ChatGPT, then bring it to life as video, all through Higgsfield inside Claude. Tian Long sponsored the room, and we soft-launched One Big Guide on the night. Meetup 03 17 June 2026 · FINEXIS View the deck -> #### Content creation, start to finish. A new home at FINEXIS, and a new theme. Close to 100 people turned one idea into a post, a carousel, and a short video, on their own accounts. Community speakers Bow (carousels) and Varick (talking-head video) walked the room through their real workflows. Meetup 02 3 June 2026 · ERC Institute View the deck -> #### Foundations, run again. Run again to clear the waitlist. Same foundations, two speakers, another full room, rated five stars. Everyone left with a working setup on their own Claude account. Love the informative sharing from both Keith and Cordillia. The steps were easy to follow. Aaron, attendee Meetup 01 22 May 2026 · ERC Institute View the deck -> #### The first night. Fifty working professionals built their first automations: skills, connectors like Gmail, Notion and Xero, and the Claude for Small Business plugin. Oversubscribed three times over, with live demos from Geargina Tan (WTFox), Lennie Leong (IMDA) and Alana Goh. Who it is for ### Founders, operators, and the AI-curious. This is NOT a developer community. You do not need to write code, and you do not need a technical background. It is for the people who run things and want AI to give them leverage. - Founders: running their own thing, whether that is an SMB, a startup, or an agency. - Operators: running a function inside a company: operations, finance, product, growth, or customer success. - AI-curious professionals: in any role, at any size of company, who want to put AI to work in their day-to-day. Small companies and big ones. Operations, finance, product, growth. Anyone putting AI to work, whatever the title. How it works ### Free meetups first. Everything builds from there. - 01Join the WhatsApp group. Find the people, see the next meetup, ask your questions. - 02Show up to a meetup. Hands-on and practical. You leave having actually built or installed something. - 03Become a Power User. Keep showing up, and when you want to go deeper on your own, the guides walk you through building with AI step by step. Join the WhatsApp group --- ## Research: How Singapore Uses AI Source: https://keithteo.ai/singapore-ai/ AI Power Users · Singapore ### Singapore uses AI more than almost anywhere. It gets no speed advantage from it. Two rival AI companies publish what their models are used for. Both put Singapore at or near the top of the world. Neither shows Singapore getting more out of a conversation than anyone else. What they do show is a country using AI to understand things rather than to produce them. Recomputed from the raw Anthropic and OpenAI releases · August 2026 The paradox ### Same leverage as everyone else Anthropic estimates how long each task would take a person unaided, and how long it takes with AI. Run both numbers for Singapore and for the world and you get the same answer to four significant figures. Singapore 7.077x 4.93 hours unaided, 41.8 minutes with AI The world 7.074x 4.73 hours unaided, 40.1 minutes with AI A difference of 0.04%. Being at the top of the adoption tables buys Singapore nothing extra per conversation. In April the release runs it the other way, with Singapore marginally behind. There is no compression advantage in either direction. What it does buy ### Harder problems, not faster ones If the leverage per conversation is identical, the difference has to be in what gets brought to the model. It is. 12.43 years of education the task needs World 11.79 24.6% involve more than one distinct task World 22.9% 90.0% could have been done without AI at all World 87.6% That last number is the one that matters. Nine in ten Singaporean tasks are ones the person could have completed unaided. This is not AI standing in for capability that was missing. It is augmentation of people who could already do the work. The behaviour ### Singapore asks. The world tells. OpenAI sorts every message into asking, doing, or expressing. Singapore leans to asking, and it does so in both halves of life. At work asking 34.9% doing 44.0% expressing 21.1% Outside work asking 48.7% doing 20.4% expressing 30.8% Singapore world average Singapore has asked more than the world at work in 24 of 24 months without a single exception, and outside work in 22 of 24. Anthropic's data agrees from a different angle: Singapore over-indexes on using AI to learn, and on working alongside it rather than delegating to it, in both published months. Who is doing it ### Work, not homework Globally these figures are inflated by students. Singapore's are not. This is what makes the country's position in the tables mean something. How far above the world Singapore sits, month by month Jul 2024 Never once below +14pp Jun 2026 Singapore 46.1% of messages are work-related The world 30.4% of messages are work-related Stable across every month in the release. The global figure is weighted by message volume, so it is the average message rather than the average country. What for ### To find things out, not to make things Anthropic groups requests by topic. Ranking Singapore's against the world's gives a clear shape. Above the world Research & Intelligence +3.77 Personal AI Assistant +1.97 Data Analysis & Business Intelligence +1.48 Existential, Relational, and Emotional Support +0.92 Business Process & Operations +0.31 Below the world Software Development -2.46 Content Creation & Copywriting -2.16 Education & Learning -1.49 Percentage points against the global share, May 2026. Coding assistants are excluded from both datasets, so software work is undercounted everywhere. The relative position holds; an absolute claim about Singapore and code would not. The part that reverses ### The world is moving on from writing. Singapore, slowest. Writing is shrinking as a share of what people bring to AI, everywhere. The obvious reading is that Singapore's edge is eroding. It is the opposite: Singapore's writing share is falling too, just more slowly than everyone else's, so the gap has grown. Writing as a share of all messages. The shaded band is Singapore's lead. Jul 2024 Lead widened from +4.1 to +5.9pp Jun 2026 Over these two years Singapore's writing share fell 6.5 points. The world's fell 8.3. The gap widened rather than closed. Whether that means Singapore is slower to broaden what it uses AI for, or that writing is simply more embedded in the work done here, this data cannot say. It only rules out the reading everyone reaches for first. Look it up ### Find a job Here is where almost every write-up of this data goes wrong, so the tool shows you the trap rather than walking into it. Anthropic classifies the task in the conversation, then maps it to the jobs that perform that task. It does not know the user's occupation. So for many jobs the conversations are people buying that service, not people doing it. Occupation Try Cardiologists Technical Writers Waiters and Waitresses of Singapore's Claude conversations involve this job's tasks against the world Singapore publishes 255 of 718 occupations, so this is the published subset. Figures are May 2026. The work and personal split is measured globally, because Singapore's rows carry the share only. What we are doing about it ### Two commitments 01 #### We will re-run this every quarter Both companies keep publishing. The claim that Singapore's lead is narrowing has a clock on it and nobody is currently tracking it. Every figure on this page is generated from the raw releases by a script, so the next update is one command rather than a fresh round of checking. We will publish what moved, including the parts that go against us. 02 #### We are publishing the workings, mistakes included The first version of this analysis was wrong in four places. It said Singapore had climbed to number one, when in fact a country had simply dropped out of the dataset. It read an occupation table as a statement about workers. It credited Singapore with a shift that was really the global average moving. Those errors were caught by checking, not by instinct, and the record of that is more useful than a clean report would have been. AI Power Users is a Singapore community for people putting AI to work in their day-to-day. That is who this was written for. See the community Sources and licensing ### Where these numbers come from Anthropic Economic Index, release 26 June 2026, covering April and May 2026. Licensed CC-BY. Massenkoff, Lyubich, Sacher, Hitzig, Zhang, Heller and McCrory "Anthropic Economic Index report: Cadences", 2026. Source OpenAI Signals, release 6 August 2026, covering July 2024 to June 2026. Licensed CC BY 4.0. Chatterji, Cunningham, Deming, Hitzig, Johnston, Martin Richmond, Ong, Shan and Wadman, "OpenAI Signals v2.0". Source Modifications. All figures on this page were recomputed from the raw released files. Charts are ours, not reproductions. Nothing here is published by Anthropic or OpenAI in this form. #### What this data cannot tell you - Both indices measure one company's product. Neither is a measure of AI use in general. - Per-capita rankings divide messages by resident population. A city-state with heavy visitor traffic is structurally flattered by that. - Singapore is first on OpenAI's ranking for the second quarter of 2026, and second on Anthropic's for May, having been first in April. The position is not stable, and we do not claim it is. - Occupation labels describe the task in the conversation, not the person typing. Anthropic say so themselves. - Coding assistants are excluded from both releases, so technical work is undercounted throughout. - OpenAI's figures cover consumer accounts only and, in their own words, understate business use. - Anthropic's release covers two months. Where the two disagree, we have said so rather than picked one. --- ## Projects Source: https://keithteo.ai/projects/ Projects ### Projects From AI-built websites to training programmes and B2B tools. Here's what I'm working on. keithteo.ai/lanterns/ ### Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. Codex, ChatGPT, Three.js, GSAP, Astro onebigguide.com ### One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. Claude Code, Next.js, Cloudflare, Supabase checkhowmuch.sg ### CheckHowMuch.sg HDB and condo resale intelligence for Singapore homeowners. Valuations, price history and lease-decay projections for every block and project, built with Claude Code, zero developers. 9,700+ HDB blocks 1,800+ condos $0 hosting cost Claude Code, Astro, SEO, Data seewhatif.com ### SeeWhatIf What if a durian falls on my head? See the real Singapore hospital bill. 134 scenarios mapped to actual MOH procedure cost data, broken down by ward class and hospital. 134 scenarios 993 MOH procedures 137 pages Claude Code, Astro, Data, Healthcare ### SMU Academy Training Lead trainer for the Advanced Certificate in Generative AI for Digital Marketing at SMU Academy. A 320-hour professional certification programme. SMU Academy 320hr programme Lead Trainer Training, AI, Digital Marketing ### Cclarity A LinkedIn MCP for Claude and ChatGPT that I built and ran from 2023 to 2026. It ranked engagers by ICP fit inside the AI you already use. Now being rebuilt as a web app. 2023 to 2026 in market MCP for Claude + ChatGPT Read-only no scraping, no DMs SaaS, MCP, LinkedIn, AI chang-clan-website.pages.dev ### Chang Clan Association A demo heritage site for the Singapore Chang Clan General Association, founded 1937. Bilingual English and Chinese, with archival photography, twelve sub-clan stories, and membership and event flows. 88 years of history 12 sub-clans 2 languages Demo, Claude Code, Astro, Heritage, Bilingual claude.ai/artifact/HhPqBXC17wJuiPop3RMViK ### SP History, Embroidered A 53-second narrated history of Singapore Polytechnic, told as if it were embroidered. About 9,000 stitches, all code. Built for fun with Claude Code on Opus 5.5. Claude Code, GSAP, Canvas ### SP's First Campus in 3D Singapore Polytechnic's first campus at Prince Edward Road, rebuilt in 3D from one old aerial photo, with a camera that flies into a classroom. Built with Codex on GPT-6 Astra. Codex, Blender, Python --- ## Skills (open source Claude Code skills) Source: https://keithteo.ai/skills/ Open Source ### Claude Code skills Skills are pre-built instructions that teach Claude Code how to do specific things well. Install any of these with a single command. They're free, open source, and work with the Claude Code desktop app or CLI. /brainstorming GitHub -> ### Brainstorming Stress-test any idea through 7 thinking prompts. Each prompt forces a different reasoning mode: first principles, contrarian, expert panel, simplification, critique, structured analysis, and real-world testing. Finishes with a synthesis that ties insights into prioritised recommendations. First Principles, Contrarian, Expert Panel, Simplify It, Improve the Idea, Structured Thinking, Real-World Test Install git clone https://github.com/Keith-cclarity/brainstorming-skill.git ~/.claude/skills/brainstorming /presentation-slides Live demo -> GitHub -> ### Presentation Slides Create interactive full-screen HTML presentations from a topic or outline. Zero dependencies. Keyboard, touch, and scroll navigation. Animated reveals. Progress bar. 6 style presets from warm editorial to neon tech to brutalist bold. Editorial Gravity, Neon Studio, Warm Signal, Brutalist Bold, Dark Botanical, Swiss Grid Built with this skill - How I Built My TikTok Automation with OpenClaw -> - From Problem to Prototype: A Founder's Playbook -> Install git clone https://github.com/Keith-cclarity/presentation-slides-skill.git ~/.claude/skills/presentation-slides /design-styles Live demo -> GitHub -> ### Design Styles A library of 50 named design styles, from Neoclassical and Baroque to Synthwave, Japandi, Glassmorphism, and Neo-Brutalism. Each ships a reference image, a ready-to-fill AI prompt scaffold, and starter CSS tokens. Name a style up front and any AI image, video, or frontend tool gives you a sharper, more consistent result. Synthwave, Japandi, Baroque, Glassmorphism, Neo-Brutalism, Art Deco, Bauhaus, Vaporwave Install git clone https://github.com/Keith-cclarity/design-styles.git ~/.claude/skills/design-styles Want to go further with this? The best way is alongside other people figuring it out too. I run AI Power Users, a free meetup community in Singapore for people putting AI to work. Join the community --- ## Learn: plain-English guides for non-technical people Source: https://keithteo.ai/learn/ Learn ### Get fluent with Claude Code. Short, practical guides for non-technical people learning to build with AI coding agents. Start with the language, then the tools worth installing. No fluff, written for people who run things, not people who write code for a living. ### Claude Code & Codex glossary 33 terms The words that trip up non-technical people when they start: agent, MCP, token, context window, commit, deploy, and more. Plain English, no assumed knowledge. Read it -> ### Skills, connectors & plugins, explained The basics The three words that come up the moment you do real work with Claude, and most people cannot tell them apart. What each one is, how they differ, and the one thing to set up first. No code needed. Read it -> ### Claude Code command cheat sheet Cheat sheet The commands worth knowing, grouped by what you are trying to get done. A few are built into Claude Code. Most you set up once by saving a short instruction as a command, then reuse forever. Read it -> ### Essential Claude Code skills Curated The Skills worth installing first. Skills are reusable instruction packs that teach Claude Code to do one thing well. Here are the ones that earn their place. Read it -> Install ### My Claude Code skills. The guides above are things to read. These are things to install. Three free, open source skills that teach Claude Code to do one job well, each set up with a single command. - /brainstorming stress-tests an idea from seven angles. - /presentation-slides builds a full deck from a topic. - /design-styles names 50 design styles so AI output stops guessing. Browse the skills Reading gets you started. The real leverage is putting this to work alongside other people figuring it out too. I run AI Power Users, a free meetup community in Singapore for people putting AI to work. Join the community --- ## Claude Code and Codex glossary Source: https://keithteo.ai/learn/claude-code-glossary/ Learn / Glossary ### Claude Code & Codex glossary If you are learning to build with an AI coding agent and keep hitting words you do not know, start here. These are the terms that come up most when non-technical people use Claude Code or Codex, explained in plain English. No jargon, no assumed knowledge. ### The basics - AI agent: Software that can take actions for you, not just chat. An agent can read your files, run commands, and make changes. Claude Code and Codex are agents. - Large language model (LLM): The AI that reads and writes text. Claude and GPT are LLMs. It is the engine doing the actual thinking. - Model: A specific version of the AI, like Claude Opus or GPT-5. Newer or larger models are usually more capable, sometimes slower or more expensive. - Token: The unit the AI reads and writes in, roughly three quarters of a word. Usage is billed by tokens, and context limits are measured in them. - Context window: How much text the AI can hold in mind at once: your files, the conversation, and your instructions. When it fills up, older detail gets summarised or dropped. - Prompt: What you type to the AI. The clearer your instruction, the better the result. ### The tools - Claude Code: Anthropic's coding agent. It runs in your terminal, desktop app, or code editor, and can read, write, and run your project. - Codex: OpenAI's coding agent. Same idea as Claude Code, built by a different company on a different model. - CLI (command-line interface): A way to control your computer by typing commands instead of clicking. This is where Claude Code lives. - Terminal: The app on your computer where you type commands. On a Mac it is called Terminal, on Windows it is PowerShell or Command Prompt. - IDE: A code editor such as VS Code or Cursor. Claude Code offers extensions that run it directly inside these editors. ### Working with the agent - Slash command: A shortcut you type starting with a forward slash, like /review, to trigger a saved action without re-explaining it. - Skill: A reusable package of instructions that teaches the agent to do one thing well. Install it once and reuse it anytime. See the essential skills list below. - Subagent: A helper the main agent spawns to handle a focused task, such as research, so the main conversation stays clean and on track. - MCP (Model Context Protocol): An open standard that lets the AI connect to outside tools and data, like your calendar, a database, or LinkedIn. Think of it as a universal adapter. - Hook: An automated action that runs in response to an event, such as running tests after every edit. You set it once and it runs itself. - CLAUDE.md: A plain-text file in your project where you write standing instructions for Claude Code. It reads this file at the start of every session. - Memory: Notes the agent keeps between sessions so it remembers your preferences and context instead of starting fresh each time. - Plan mode: A mode where the agent proposes a plan and waits for your approval before changing anything. Useful for bigger or riskier tasks. ### Code and shipping - Repository (repo): A folder that holds your project's files along with the full history of every change. - Git: The system that tracks every change to your files, so you can undo, branch, and work with others without losing anything. - Commit: A saved snapshot of your changes with a short note describing them. Your project history is a series of commits. - Push: Sending your committed changes up to a shared server such as GitHub, so they live somewhere other than your laptop. - GitHub: A website that stores repos online, lets people collaborate, and can run automation when you push changes. - Branch: A parallel copy of your project where you can make changes safely before combining them back into the main version. - Deploy: Publishing your site or app so other people can use it live on the internet. - Build: The step that turns your source files into the final files a browser or server actually runs. - CI/CD: Automation that builds, tests, and deploys your project every time you push changes. Hands-off shipping once it is set up. - Dependency: Pre-written code your project relies on, installed rather than written from scratch. Also called a package or library. - API: A way for two pieces of software to talk to each other through a defined set of requests. - Environment variable: A setting stored outside your code, often a secret like a password or key, so it stays private and out of your files. - Frontend and backend: Frontend is what users see and click, the interface. Backend is the behind-the-scenes logic, data, and servers. - Localhost: Your own computer acting as a private server, so you can preview a site before it goes live for everyone. Know the words, now put them to work. The fastest way is alongside other people figuring it out too. I run AI Power Users, a free meetup community in Singapore for people putting AI to work. Join the community Essential skills to install -> Skills, connectors & plugins -> --- ## Skills, connectors and plugins, explained Source: https://keithteo.ai/learn/claude-skills-connectors-plugins/ Learn / Skills, connectors & plugins ### Skills, connectors & plugins These three words come up the moment you try to do real work with Claude, and most people cannot tell them apart. They are not the same thing, and knowing which is which is the difference between a chatbot and a tool that does your actual work. At the first AI Power Users meetup, 50 people who had never written a line of code set all three up in one evening. Here is the mental model they walked in with. The 30-second version Skill Teaches Claude a repeatable job Connector Gives Claude your data and tools Plugin Both, bundled, for a whole area of work A repeatable job ### Skills A Skill is a reusable pack of instructions that teaches Claude to do one specific thing well, the same way every time. You set it up once, then call it whenever you need it. A Skill does not give Claude new data or new tools. It gives Claude a method. Think of it as a recipe Claude follows on command, so you stop re-explaining the same task. You are not limited to the ones other people share either: anyone can write their own, no code needed, because a skill is just a short text file. There is a guide to writing a good one further down this page. From the meetupIn the room, a few people wrote a Skill on the spot that turned their messy meeting notes into the exact format they send clients. Built once, reused forever. The skills worth installing first -> Your data and tools ### Connectors A Connector links Claude to a tool you already use, like Gmail, Google Calendar, Notion, or Xero. Once it is connected, Claude can read from that tool and act on it inside a normal conversation. This is the one most people install first, because it turns Claude from a clever chatbot into something that works with YOUR actual stuff. Under the hood this runs on MCP, the open standard for plugging tools into AI. From the meetupMost people walked out of the meetup with at least one connector running. By the end, Claude was reading invoices, sorting calendars, and pulling notes from the tools they already lived in. What MCP means, in plain English -> A ready-made bundle ### Plugins A Plugin is a bundle of the other two. It packages skills and connectors together so Claude can take on a whole area of work, not just one task. You install it once and Claude is ready across everything the bundle covers, instead of wiring up each tool and writing each skill yourself. Anthropic’s Claude for Small Business is a good example: one package of connectors and ready-to-run skills that spans finance, sales, marketing, HR, operations, and customer service, so Claude can chase invoices, close the month, and run a campaign. From the meetupAt the meetup we walked through Anthropic’s Claude for Small Business and watched connectors like HubSpot, Intuit QuickBooks, and Canva go in. A whole toolkit landing in one step, rather than connecting each app by hand. ### When to reach for which If you want | Reach for Claude to do a repeatable task the same way every time | a Skill Claude to see and act on your real data: email, calendar, books | a Connector Claude ready across a whole area of work, with the skills and connectors already bundled | a Plugin Start here The fastest win is one connector. Pick the tool you live in, usually Gmail or Google Calendar. In Claude, open the connectors menu, choose it, and approve access. Then ask Claude something it could only answer with that data, like “what meetings do I have tomorrow, and which ones have no agenda yet?” Once that lands, add the next one. That is exactly how the meetup ran: one connector each, live, before anyone touched skills or plugins. ### Going further: writing a skill Claude will actually use Connectors and plugins you install. Skills you create yourself, which sounds like the technical part but is the most approachable part of this whole page. No need to write it by hand Just describe what you want in plain English, like “make a skill that turns my meeting notes into a client update,” and Claude writes the properly formatted file for you: name, description, structure and all. Anthropic even ships a Skill Creator that walks you through it, and you can build one through a normal conversation. How to use it Invoke it with /skill-creator and choose a mode: Create, Eval, Improve, or Benchmark. Then try a prompt like: - “Create a skill that turns my meeting notes into a client update” - “Create a new skill that reviews PRs for security issues” - “Run evals on my code-review skill” - “Improve my deploy skill based on these test cases” - “Benchmark my skill across 10 runs and show variance” The interactive workflow guides you through gathering requirements, creating test cases, and iteratively improving the skill until it works. However you make it, these habits from Anthropic’s own guidance are what separate a skill Claude reaches for from one it ignores. They are also how you brief Claude well, and how you check what it hands back. - Nail the description. A skill is just a text file that opens with a name and a one-line description. That description is the ONLY thing Claude reads to decide whether to use your skill at all. Say both what it does and when to use it, in the third person. Good, “Turns meeting notes into a formatted client update email. Use when the user pastes notes and asks for a recap or follow-up.” Vague, “Helps with emails.” - Show an example, do not just describe one. Paste a real input and the exact output you want back. Claude copies a worked example far more reliably than it follows a paragraph of rules. This one habit does more than anything else on this list. - One skill, one job. Name it after the job, like client-update-from-notes, not helper or my-stuff. If it is trying to do three things, it is three skills. - Keep it short, and assume Claude is smart. Only write down what Claude could not guess: your format, your rules, your house style. Skip the part explaining what an email is. Anthropic’s rule of thumb is to keep the file under 500 lines. - Spell out steps only when the task is fragile. When many routes reach a good answer, give direction and trust Claude. When one exact sequence matters, write the steps out and tell it not to deviate. - Test it on real work. Run it on actual tasks, watch where it gets things wrong, then fix the skill. It is never right on the first try. #### Anatomy of a SKILL.md - name: A short kebab-case name: lowercase, hyphens, no spaces or capitals, up to 64 characters. Make it match the folder the skill lives in. It cannot contain "claude" or "anthropic". - description: The line that matters most, and the only part Claude reads to decide whether to use the skill. Say what it does AND when to use it, in the third person, using the phrases a user would actually type. Up to 1024 characters, but keep it tight. - metadata optional: A block for extras like author, version, or a license such as MIT. Most skills do not need it. Everything below the name and description is the body: a short overview, the instructions, and at least one worked example. A skill is really a folder, SKILL.md plus optional scripts/, references/, and assets/ that Claude opens only when a task needs them, so the name and description stay light. To share one, name the folder after the skill, add those files, and zip it. Anthropic's full reference walks through every field: How to create custom skills. A good skill file, start to finish --- name: client-update-from-notes description: Turns rough meeting notes into a formatted client update email. Use when the user pastes notes and asks for a client recap, update, or follow-up. --- # Client update from notes Turn rough, messy notes into a short client update written in the house style. Same shape, every time. ## Instructions 1. Sort every point in the notes into one of three buckets: what is Done, what is Next, and what you Need from the client. 2. Write the subject as "Website update, [today's date]". 3. Greet the client by first name. 4. Write three sections in this order: Done, Next, Needs from you. One short line each, plain language, no jargon. 5. Keep the whole email under 150 words and sign off as Keith. ## Format - Subject: "Website update, [date]" - Greeting: "Hi [first name]," - Sections: Done / Next / Needs from you - Sign-off: "Thanks, Keith" ## Example Input: design approved, waiting on logo files, dev starts Monday need their brand colours Output: Subject: Website update, 24 May Hi Sarah Done: Homepage design approved. Next: Development starts Monday. Needs from you: Logo files and brand colours, so we can lock the styling. Thanks Keith ## When not to use Skip this for internal updates or anything that is not going to a client. Those have a different tone and structure. A name and description that say what and when, clear instructions, a real example, and a note on when NOT to use it. That is what a good skill looks like. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. This is where we set up skills, connectors, and plugins together, in the room. Join the WhatsApp group Want to set these up with people, not slides? I run AI Power Users, a free meetup community in Singapore for people putting AI to work. Join the community Essential skills -> Glossary -> --- ## Claude Code command cheat sheet Source: https://keithteo.ai/learn/claude-code-commands/ Learn / Commands ### Claude Code command cheat sheet A command is a shortcut that tells Claude exactly how to respond, so you stop re-typing the same instructions. A few are built into Claude Code. Most you set up once, by saving a short instruction as a command, then reuse forever. Here are the ones worth knowing, grouped by what you are trying to get done. Two kinds of commands Some are built into Claude Code and work the moment you open it. The rest you set up once. In Claude Code, save the instruction as a file in your ~/.claude/commands folder and name the file after the command, so brutal.md becomes /brutal. A custom command and a skill are now the same idea, so saving it as a skill works too. Prefer Claude.ai? Paste the same instruction into Settings -> Personal Preferences instead. Either way: copy the instruction, set it up once, and the command is yours. ### Built into Claude Code These work the moment you open Claude Code. Nothing to set up, just type them. ultrathink Built in Tells Claude to spend its full thinking budget before answering. Worth it for strategy, tricky decisions, or anything where the first answer usually misses something. It is a word you drop into your message, not a slash command. Just type it in Claude Code. No setup needed. /plan Built in Switches Claude into plan mode before a big change. It proposes a step-by-step plan and waits for your go-ahead before touching anything. Add a line after it to start on a specific task. Just type it in Claude Code. No setup needed. /compact Built in Summarises a long conversation so Claude stays sharp instead of losing the thread. You can steer what it keeps, for example asking it to hold on to every decision about your brand voice. Just type it in Claude Code. No setup needed. /context Built in Shows how full the context window is as a simple grid, so you can see when Claude is getting close to losing the thread and it is time to /compact or /clear. Just type it in Claude Code. No setup needed. /clear Built in Wipes the conversation and starts fresh. Use it the moment you switch tasks, so the last thing you worked on stops bleeding into the next one. Just type it in Claude Code. No setup needed. /rewind Built in Steps the conversation, and any code changes, back to an earlier point. The undo button for when a change went the wrong way and you want to try again. Just type it in Claude Code. No setup needed. /resume Built in Reopens an earlier session so you can carry on exactly where you left off, instead of re-explaining everything from the start. Just type it in Claude Code. No setup needed. /model Built in Switches the underlying model mid-session. Reach for the most capable model when the thinking is hard, and a faster one when you just want quick drafts. Just type it in Claude Code. No setup needed. /init Built in Scans your project and writes a CLAUDE.md, the file Claude reads first every session. Set it up once and you stop re-explaining how your project works. Just type it in Claude Code. No setup needed. /memory Built in Opens the files where Claude keeps what it should remember about you and your work across sessions. Edit it once and it sticks. Just type it in Claude Code. No setup needed. /mcp Built in Connects outside tools to Claude through MCP, things like LinkedIn, Gmail, or Notion, so it can work with your real data instead of just text in the chat. Just type it in Claude Code. No setup needed. /config Built in Opens a settings panel to change the model, theme, and how Claude behaves, without touching any config files by hand. Just type it in Claude Code. No setup needed. /permissions Built in Sets what Claude can do on its own and what it has to check with you first. Your safety rails for letting it move quickly without surprises. Just type it in Claude Code. No setup needed. /cost Built in Shows what the current session has cost and where you stand against your plan limits, so usage never catches you off guard. Just type it in Claude Code. No setup needed. /help Built in Lists every command available right now, so you can see what Claude Code can do without leaving the chat. Just type it in Claude Code. No setup needed. ### Sharpen your thinking Most people use AI to agree with them. These do the opposite. /brutal Custom Honest advisor mode. Claude drops the "great question" padding and tells you what is actually weak about your plan. Copy this When I type /brutal, drop all flattery and soft framing. Tell me the strongest objection to what I just said, the one assumption I am leaning on most, and the thing I am avoiding. Stay kind, but do not soften the diagnosis. /redteam Custom Attacks your plan the way a sceptical investor or a competitor would, so you find the holes before they do. Copy this When I type /redteam followed by a plan or idea, switch to adversarial reviewer. List the three weakest assumptions in order of risk, the failure a hostile critic would attack first, and the one question that changes everything if the answer is wrong. /premortem Custom Imagines the plan already failed twelve months from now, then works backwards to explain exactly why. Copy this When I type /premortem followed by a plan, assume it is a year from now and the plan has failed. Tell me the most likely cause, the warning sign I ignored at the start, and the first domino that fell. Give me a specific story, not a generic list of risks. /firstprinciples Custom Strips an idea back to what is actually true and rebuilds from there, instead of inheriting assumptions you never chose. Copy this When I type /firstprinciples followed by a topic, separate what is genuinely true from what is just convention I have inherited. Throw out the conventions, rebuild the answer from the truths, and end with the one question that would change the whole conclusion. ### Write and edit faster Turn a rough draft into something you would actually publish. /ghost Custom Rewrites text so it reads like a person wrote it. No em dashes, no preamble, varied sentence length, none of the usual AI tells. Copy this When I type /ghost followed by text, rewrite it to remove every AI tell. No em dashes, no "I hope this helps", no balanced on-one-hand pairs, no "in conclusion". Vary the sentence length, use fragments where they read naturally, and give me the rewrite only. /tighten Custom Cuts a draft by a third without losing a single point. Kills the filler, keeps the substance. Copy this When I type /tighten followed by text, cut it by at least 30 percent without losing any claim, number or example. Delete filler, merge repetitive lines, and move to active voice. Show me the word count before and after. /punchup Custom Adds energy and specificity to flat copy without changing what it means. Copy this When I type /punchup followed by text, sharpen it. Swap weak verbs for strong ones, cut filler words, replace vague adjectives with specifics, and tighten it by about 20 percent. Keep my meaning and my voice intact. /expand Custom Turns a one-line bullet into a full paragraph with an example and the obvious objection answered. Copy this When I type /expand followed by a bullet or rough idea, develop it into one paragraph. Open with the core point, add a concrete example, answer the obvious objection in a sentence, and match my voice. Around 100 to 150 words. ### Make content Get from a topic to something postable, fast. /hook Custom Generates ten opening lines for a post across proven angles, so you stop staring at a blank first line. Copy this When I type /hook followed by my topic, write ten opening lines across five angles, two each: contrarian, specific number, painful truth, before and after, and curiosity gap. Label each angle and keep every hook under fifteen words. /repurpose Custom Takes one piece of content and reshapes it into a tweet, a LinkedIn post, an email subject line, a carousel hook and a video hook. Copy this When I type /repurpose followed by content, reshape it into five formats: a tweet under 270 characters, a LinkedIn post opener, an email subject line under 50 characters, an Instagram carousel cover line, and a short-form video hook. Label each one. /carousel Custom Turns a topic into a swipeable carousel outline: a cover line, one idea per slide, and a closing prompt. Copy this When I type /carousel followed by a topic, build a seven-slide carousel outline. Slide one is a bold cover line under eight words. Slides two to six are one idea each, with a short title and a couple of supporting lines. Slide seven is the takeaway plus a follow prompt. /cta Custom Writes seven different calls to action for the same offer, from low-friction to direct, so you can pick the one that fits. Copy this When I type /cta followed by my offer, write seven calls to action across these flavours: low-friction, curiosity, urgency, social proof, identity, direct, and risk-removal. Keep each one under twenty words. ### Learn and decide Understand something properly, or make a call with less second-guessing. /eli5 Custom Explains a concept like you are smart but new to it. One everyday analogy, no jargon. Copy this When I type /eli5 followed by a concept, explain it as if to a curious beginner. Use one everyday analogy as the anchor, no jargon, short sentences, and end with the next question worth asking. Keep it under 100 words. /tldr Custom Compresses anything long into a one-sentence thesis, three key points, and what to do about it. Copy this When I type /tldr followed by content, give me a one-sentence thesis, three bullet points of the most important ideas, and one sentence on what I should do or think differently as a result. Under 100 words, no preamble. /compare Custom Lays two or more options side by side on the dimensions that actually matter for your decision, not generic ones. Copy this When I type /compare followed by two or more options, build a side-by-side on the five or six dimensions that matter for this specific decision. Score each option, add a best-for line for each, and end with one recommendation and the condition that would change it. /pros-cons Custom Weighs a decision with each point ranked by how much it actually matters, instead of a flat list. Copy this When I type /pros-cons followed by a decision, give me a weighted analysis. For each point, note why it matters in my context and rate its impact high, medium or low. End with the one pro that outweighs everything and the one con that kills the deal if it turns out to be true. ### Plan and ship Turn a fuzzy idea into something you can hand off or act on. /brief Custom Turns a messy idea into a tight one-page brief that a collaborator, a client, or future-you will actually read. Copy this When I type /brief followed by a topic, write a one-page brief: the objective in one sentence, two or three lines of context, the key decisions to make, the constraints, and the single next step. Keep it under 300 words. /checklist Custom Converts a plan or process into a step-by-step checklist you can actually run. Copy this When I type /checklist followed by a goal or process, turn it into an ordered checklist. Each item starts with a verb and is one specific action. Flag anything that blocks other steps. Keep each line short enough to copy and paste. /outline Custom Turns a topic into a structured outline ready to write from: sections, subsections and key points. Copy this When I type /outline followed by a topic, return a structured outline. Main sections, two or three subsections each, a few bullet points per section noting what to cover, plus an intro note and a conclusion note. Keep the section titles punchy. /email Custom Writes a complete email, subject line to sign-off, calibrated to who it is going to. Copy this When I type /email followed by the goal and recipient, write the whole email: a subject line under 50 characters, a personalised opening, a body of two or three short paragraphs, one clear call to action, and a sign-off. Match the formality to the relationship. Commands are the quick wins. The real leverage is building your own tools, alongside other people figuring it out too. I run AI Power Users, a free meetup community in Singapore for people putting AI to work. Join the community Essential skills to install -> Skills, connectors & plugins -> Glossary -> --- ## Essential Claude Code skills to install Source: https://keithteo.ai/learn/essential-claude-code-skills/ Learn / Essential skills ### Essential Claude Code skills A Skill is a reusable pack of instructions that teaches Claude Code to do one thing well. You install it once and call it whenever you need it. Most people never go beyond the defaults, which is a shame, because the right Skills are where the real leverage is. Here are the ones worth installing first. How to install a skill Each Skill below comes with a one-line command. Copy it, paste it into your terminal, and press enter. It clones the Skill into your ~/.claude/skills folder, where Claude Code finds it automatically. Then type the command, like /brainstorming, to use it. Four of these, create-website, frontend-design, audit-site and seo, live in one repo. To grab all four at once: git clone https://github.com/Keith-cclarity/keith-website-skills.git && cd keith-website-skills && ./install.sh /brainstorming GitHub -> ### Brainstorming Most people use AI to confirm what they already think. This forces the opposite. It runs your idea through seven reasoning modes, first principles, contrarian, expert panel, and more, then ties it together into prioritised recommendations. Use it before you commit to a plan. Based on a seven-prompt method by Amanda Caswell (Tom’s Guide). Install git clone https://github.com/Keith-cclarity/brainstorming-skill.git ~/.claude/skills/brainstorming /presentation-slides Live demo -> GitHub -> ### Presentation Slides Turns a topic or a rough outline into a full-screen, interactive HTML deck with zero dependencies. Keyboard and touch navigation, animated reveals, six style presets. Faster than fighting with slide software, and the output lives on the web. Install git clone https://github.com/Keith-cclarity/presentation-slides-skill.git ~/.claude/skills/presentation-slides /create-website GitHub -> ### Create Website The one to start with if you have never shipped a site. It walks you from an empty folder to a live website on a domain you own, Astro plus Cloudflare Pages plus automatic deploys, explaining each step in plain English. Built for people who have never opened a terminal. Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/create-website ~/.claude/skills/ /frontend-design GitHub -> ### Frontend Design Stops Claude from producing generic, templated pages. It runs a real design process, brand system, user journey, layout and motion, then pulls from a catalogue of production-grade components. The difference between a site that looks AI-made and one that looks designed. Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/frontend-design ~/.claude/skills/ /audit-site GitHub -> ### Audit Site Runs two passes over a site you have built, links and code quality, covering accessibility, responsiveness, image weight and semantic HTML. It only reports, never changes anything, so you get a clear punch list sorted by what to fix first. Run it before you ship. Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/audit-site ~/.claude/skills/ /seo GitHub -> ### SEO A deep SEO and AI-search pass. Twelve sub-commands across technical SEO, schema, content quality, sitemaps and Generative Engine Optimisation, the work of getting cited by ChatGPT and Perplexity, not just ranked on Google. It scores your site out of 100 and tells you what to fix. Adapted from AgriciDaniel/claude-seo. Install git clone https://github.com/Keith-cclarity/keith-website-skills.git && cp -R keith-website-skills/seo ~/.claude/skills/ These are the skills I actually use. Browse all of them, or come build your own alongside other people putting AI to work. I run AI Power Users, a free meetup community in Singapore. Join the community All my skills -> Skills, connectors & plugins -> Glossary -> --- ## Career: how AI is changing 12 professional roles in Singapore Source: https://keithteo.ai/career/ Career ### How AI is changing jobs in Singapore Salary data, automation risk, and what to do about it. Pick your role. For the country-level picture, see what Singapore actually does with AI, recomputed from the raw Anthropic and OpenAI releases. - Business Analyst: AI handles data cleaning, report generation, and pattern recognition. Business analysts who excel at problem framing and stakeholder translation are thriving. - Content Creator: AI generates first drafts, SEO briefs, and images fast. Creators who win are the ones with a voice audiences trust and editorial instinct AI lacks. - Management Consultant: AI automates market research, data analysis, and slide deck drafts. Consultants who excel at strategic framing and client relationships are pulling ahead. - Marketing Manager: AI is automating ad buying, content drafts, and reporting. Marketing managers who learn to direct AI tools are pulling ahead in salary and scope. - Operations Manager: AI is automating process workflows, compliance checks, and reporting. Operations managers who can redesign systems around AI tools are becoming more valuable. - Product Manager: AI automates user research synthesis, PRDs, and competitor analysis. PMs who thrive combine AI speed with product judgment and stakeholder skills. - Project Manager: AI automates status reports, scheduling, and meeting summaries. Project managers who focus on stakeholder alignment and team leadership are pulling ahead. - Real Estate Agent: AI automates listings, market reports, and lead follow-ups. Agents who build trust and read buyers in person are pulling further ahead in commissions. - Sales Manager: AI automates CRM data entry, outreach, and call coaching. Sales managers who combine AI tools with relationship skills command higher salaries. - Small Business Owner: AI lets small business owners build websites, create content, and automate admin without agencies or staff. Your edge is local knowledge and relationships. - Startup Founder: AI lets founders build MVPs, pitch decks, and landing pages without a dev team. The founder's edge is still vision, taste, and relationships. - Trainer / Educator: AI generates course materials, quizzes, and feedback drafts. Trainers who thrive are the ones who read the room and design learning experiences. --- ## Blog Source: https://keithteo.ai/blog/ ### Blog: I Asked Four AI Models to Design Their Own Lanterns Source: https://keithteo.ai/blog/ai-designed-lanterns/ Published: 2026-09-26 For Mid-Autumn, four ChatGPT models each designed their own paper lantern, and Codex built all six into a 3D page you can play with. What it could do, and what it couldn't. Every Mid-Autumn, the lanterns come out. This year I wanted to make my own, without any paper. So I asked ChatGPT to let four of its models design their OWN paper lantern. Luna, Terra, Sol and Astra each designed one. Codex designed the other two with some inspiration from me, then built all six into a page you can play with. Four AI models, four little lights. Play with them here. ### Who designed what - Luna designed Quiet Column, a softly squared paper column. - Terra designed Gilded Parlour, an Art Deco parlour with amber windows. - Sol designed Calyx Afterglow, with petals curling open around a warm light. - Astra designed Folded Dusk, a diamond of folded paper facets. - Codex designed Vermilion Floral and Indigo Hydrangea, with some inspiration from me. Every lantern has its own link, so you can send someone the exact one you like. Astra’s Folded Dusk is at keithteo.ai/lanterns/?l=folded-dusk. ### What it CAN do Every lantern is 3D and made entirely in code, from the paper panels to the bamboo stick and the candle. You can turn them, flick them, and turn the wind up to a typhoon. ### What it couldn’t The first version only looked right on my own screen. On a smaller laptop the controls were cut off, and on a phone the lantern swapped where you couldn’t see it. It took a few iterations to fix it. ### Behind the scenes - 3D: Three.js, about 1,300 lines of code, no 3D model files. - Animation: GSAP swaps the lanterns. - Sound: paper rustles synthesised in the browser, plus an original soundtrack written in code. - Video: rendered from the same lanterns with HyperFrames. More about the build on the project page. ### Part of a series I’m building small things for fun to learn what each new model can and cannot do. Before this, Codex rebuilt SP’s first campus in 3D from one photo, and Claude Code embroidered SP’s history in code. Which lantern would you choose? ### Frequently asked - Who are Luna, Terra, Sol and Astra?: Four ChatGPT models. I asked ChatGPT to let each of them design their own paper lantern, so four of the six lanterns were designed by the models themselves. Codex designed the other two, with some inspiration from me. - Can I play with the lanterns?: Yes, at keithteo.ai/lanterns. You can turn a lantern, flick it to spin, pick another from the collection, and turn the wind up from still air to a typhoon. Every lantern has its own link too. - Are the lanterns 3D model files?: No. Every lantern is made in code with Three.js, from the paper panels to the bamboo ribs and the tassel. There are no 3D model files. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Codex, ChatGPT, AI, Three.js Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Codex Rebuilt Singapore Polytechnic's First Campus in 3D from One Photo I gave Codex, on GPT-6 Astra, one old black-and-white photo of SP's Prince Edward Road campus. It rebuilt the campus in 3D and flew a camera into a classroom. Claude Code vs ChatGPT: What's the Difference? Claude Code does the work; ChatGPT describes it. The plain-English difference, a side-by-side comparison, and which a non-developer should use. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: I Embroidered Singapore Polytechnic's History in Code with Claude Code Source: https://keithteo.ai/blog/embroidered-sp-history/ Published: 2026-09-26 A narrated, embroidered history of Singapore Polytechnic, built for fun in under an hour with Claude Code on Opus 5.5. What it could do, what it couldn't, and how. I built this for fun with Claude Code, on Opus 5.5. Having fun is the best way I know to learn what a new model can and cannot do. So I asked Claude Code to tell the history of Singapore Polytechnic as if it were embroidered. The embroidered SP history, 53 seconds, with narration. ### What it is A 53-second narrated history of Singapore Polytechnic, stitched one thread at a time. It moves from the Dobby Report in 1953, which asked whether a small colony could afford a polytechnic, to Prince Philip opening the Prince Edward Road campus in 1959, the move to Dover Road, and 72 years and counting. My favourite part of the story: in 1969 SP nearly became a university, then handed its degree courses to what is now NUS. I showed it at a sharing session with Singapore Polytechnic alumni on 24 September 2026. You can also play it yourself, with sound, and drag the thread to move through time. ### What it CAN do Turn a history into an embroidered, narrated video in under an hour. Every stitch, down to the SP crest, is code. About 9,000 stitches, generated by about 700 lines of code. ### What it couldn’t Its first lion looked like a cartoon cat until I showed it the real crest. And the shared link froze, because the animation was waiting for audio the browser had blocked :) ### Behind the scenes - Visuals: HTML and JavaScript on a canvas. A small “stitch engine” fills every shape with short, slightly off-angle lines, sewn row by row. - Animation: GSAP runs everything on one timeline. - Voiceover: Kokoro, a free open-source voice model on my Mac. Whisper timed every word, so the lion appears exactly when the voice says “lion”. - Music: written in Python. Plucked notes that turn minor for the twist, lowered whenever the voice speaks. - Output: one web page with a play button and a stitched scrubber. I’ve turned the process into a reusable skill, so the next one will be faster. ### Part of a series I’m building small things for fun to learn what each new model can and cannot do. For the same alumni session, I also tried a different tool: Codex rebuilt SP’s first campus in 3D from one photo. And for Mid-Autumn, four AI models designed their own lanterns. ### Sources and credit Facts from SP’s heritage page and NLB Infopedia. Inspired by AA (@measure_plan)‘s “Illustrating a short story with JavaScript”. An unofficial tribute, not affiliated with Singapore Polytechnic. ### Frequently asked - Can Claude Code make animations?: Yes. This one is plain HTML and JavaScript drawing on a canvas, with GSAP running the whole animation on one timeline. Claude Code wrote it, including a small stitch engine that fills every shape with short, slightly off-angle lines, so it looks embroidered. - How long did it take to build?: Under an hour for the embroidered video. It then needed fixes where it went wrong: the first lion looked like a cartoon cat, and the shared link froze. - Is this an official Singapore Polytechnic video?: No. It is an unofficial tribute, not affiliated with Singapore Polytechnic. The facts come from SP's heritage page and NLB Infopedia. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, AI, Animation Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog 50 Named Design Styles for Better AI Prompts A free Claude skill with 50 named design styles, each with a reference image, a prompt scaffold, and starter CSS tokens. Naming a style up front gives any AI tool a sharper, more consistent result. Claude Code for Non-Developers Claude Code is an AI coding agent you control in plain English. What it does for non-developers, what you can build, and how to start, with real examples. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Codex Rebuilt Singapore Polytechnic's First Campus in 3D from One Photo Source: https://keithteo.ai/blog/sp-campus-in-3d/ Published: 2026-09-26 I gave Codex, on GPT-6 Astra, one old black-and-white photo of SP's Prince Edward Road campus. It rebuilt the campus in 3D and flew a camera into a classroom. I gave Codex one old black-and-white photo of Singapore Polytechnic’s first campus. It rebuilt the whole campus in 3D. I built the embroidered SP history with Claude Code for a sharing session with SP alumni. For the same session, I also tried Codex, on GPT-6 Astra, for fun. Same goal: learn what a new model can and cannot do. The 60-second flythrough: from the sky, down the road, through a doorway and into a classroom. ### What it CAN do Turn one aerial photo of the old Prince Edward Road campus into an editable 3D model, about 100,000 triangles, then fly a camera from the sky, down the road, through a doorway and into a classroom. It also read the heritage records of the building to fill in what the photo couldn’t show. The National Heritage Board’s record says the campus was designed by Swan and MacLaren and completed in 1958, with connected concrete blocks, a four-storey lecture block and a mosaic entrance foyer. ### What it couldn’t, at first Its first classroom door wouldn’t cut through, because the walls were built inside out. And it badly underestimated render time. The 60-second film took 1.6 hours to render. ### Behind the scenes - 3D: Blender, driven entirely by Python. No modelling by hand. - Research: heritage records of the building to fill in what the photo couldn’t show. - Film: a 60-second flythrough, with music composed from synthesised notes. - Bonus: the same model became a snow globe with a raised 3D SP crest that alumni could spin live. The first flythrough was ready in under 1.5 hours. The full presentation pack, by evening. ### To be clear It’s an interpretation, not a survey. The exterior is estimated from one photo, and the classrooms are imagined. ### Part of a series I’m building small things for fun to learn what each new model can and cannot do. The Claude Code version of this experiment is the embroidered SP history. And for Mid-Autumn, four AI models designed their own lanterns. ### Sources National Heritage Board (Former Bestway Building), SP’s About page and Remember Singapore’s archive photos of the old campus. An unofficial tribute, not affiliated with Singapore Polytechnic. ### Frequently asked - Can Codex build a 3D model in Blender?: Yes. Here it drove Blender entirely through Python, with no modelling by hand. From one aerial photo it built an editable model of about 100,000 triangles, then animated a camera through it and rendered a 60-second film. - How accurate is the 3D campus?: It is an interpretation, not a survey. The layout and main shapes follow the photo and heritage records, but the exterior details are estimated from one photo and the classrooms are imagined. - How long did it take?: The first flythrough was ready in under 1.5 hours, and the full presentation pack by the evening. Rendering was the slow part: the 60-second film took 1.6 hours to render. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Codex, AI, 3D Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog I Asked Four AI Models to Design Their Own Lanterns For Mid-Autumn, four ChatGPT models each designed their own paper lantern, and Codex built all six into a 3D page you can play with. What it could do, and what it couldn't. I Embroidered Singapore Polytechnic's History in Code with Claude Code A narrated, embroidered history of Singapore Polytechnic, built for fun in under an hour with Claude Code on Opus 5.5. What it could do, what it couldn't, and how. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Who Actually Turns Up to AI Meetups in Singapore Source: https://keithteo.ai/blog/who-attends-ai-meetups-singapore/ Published: 2026-08-06 Data from 625 people who signed up to seven AI meetups in Singapore. Founders outnumber engineers three to one, and only 6.2% of the room works in engineering. I run a free AI meetup in Singapore called AI Power Users. Seven events in twelve weeks, between May and July 2026. Every one of them filled. Somewhere around the fourth event, I got curious about something I had only been guessing at. Who is actually in this room? I had an assumption, and I suspect you have the same one. An AI meetup sounds like a room full of developers. It is not. Not even close. Meetup 03 at FINEXIS. Close to 100 people turned one idea into a post, a carousel and a short video that night. ### Only 6.2% of the room works in engineering I pulled the registration exports for all seven events and de-duplicated them. That gives 625 unique people and 953 signups across 495 different organisations. 580 of those people gave a job title. Here is how the titles break down. Role | Share Founder, owner or CEO | 18.6% Manager or director, discipline not stated | 16.2% Marketing and comms | 7.5% Data, analysis and research | 6.4% Engineering and technical | 6.2% Sales, BD and agents | 6.1% Product | 5.3% Consulting and advisory | 4.5% HR, L&D and education | 4.3% Engineering sits fifth. It is behind marketing, behind data, and roughly level with sales. Founders outnumber engineers three to one. That single number has changed how I plan every event. When you believe you are teaching engineers, you reach for the technical thing. When you know that 94% of the room does something else for a living, you reach for the workflow instead. ### It is a senior room, and that surprised me more Seniority splits like this: - Founder or C-level: 22.4% - VP, head or director: 15.2% - Manager or lead: 15.8% - Individual contributor or practitioner: 20.6% About 38% are director level or above. People from GovTech, DBS, Grab, NUS, IMDA, SMU, TikTok and FairPrice have all sat in the room, alongside a very long tail of small companies. 495 organisations across 625 people means most attendees are the only person from their company in the building. That last detail matters more than it looks. These are not teams sent for training. They are individuals who decided on their own that they need to work this out, and who are senior enough that nobody is going to tell them how. Most of the last event was questions from the floor rather than slides. ### They already pay for the tools At two of the events, I asked what people were already using. Between 85% and 88% were already paying for ChatGPT or Claude. Only about 6% said they planned to subscribe before the event. This is the finding I would most want any other organiser to take away, because it invalidates a whole genre of content. If you are running an AI session, the temptation is to start at the beginning. What is a large language model, how do you write a good prompt, here is how to sign up. For this audience that opening is dead air. They have been paying for the tool for months. What they do not have is a way of working with it that survives contact with a real job. The gap is not knowledge. It is depth. That is also why the people teaching are mostly not me. Members who have worked something out in their own job come up and show the room how they did it, which lands differently from a demo by someone selling the tool. Charmain, a member, walking the room through the outbound workflow she actually uses. ### About 55% of people who get a seat actually turn up Three of our events had check-in properly run. The show rate was 56.0%, 54.4% and 58.1%. Three independent events agreeing within four points is stable enough to plan on. If you want 60 people in the room, approve about 110. Measured against everyone who signs up rather than everyone approved, it is closer to 43%. I should be honest about the limits here. Check-in was not run properly on three of the other nights, so I genuinely do not know how many people were in those rooms. I would rather publish four solid numbers than seven soft ones. One sub-group is worth calling out. 20 students registered across the series. Two turned up. That is by far the worst show rate of any group, and if you run a free event with limited seats, it is worth knowing before you approve. ### A third of them come back 203 people, about a third, have signed up more than once. One person has signed up for all seven. At the same time, 90 of the 136 signups at the most recent event were first-timers. Twelve weeks in, most of the room is still new. Both things are true at once, and the combination is what makes the events worth running: a returning core who set the tone, and a majority who have never been. The number I am least happy about is this one. 140 people have never got into a single event. They raised their hand, the room was full, and they were turned away. That is more than a fifth of everyone who has ever tried to come, and no amount of marketing fixes it. Only a bigger room does. ### What I got wrong Three things I believed at the start that the data disagreed with. I thought it was a builder community. I used the word “builders” in early copy. It is dev-coded, and it was quietly filtering out the operations, finance, marketing and HR people who turn out to be the majority of the room. I stopped using it. I thought the audience was solo founders. Early on it was. At the most recent event, 41.5% came from companies of 50 people or more, against 22% who are “just me”. The room is drifting toward employed professionals inside larger organisations, which is a different set of problems. Getting a company to adopt something is harder than adopting it yourself. I thought everyone came for the same reason. At the last event I asked, and the room split four ways: 35% want to break into a tech role, 24% already work in one and came to compare notes, 27% were curious how tech teams work, and 13% are hiring. That is not one audience. It is at least two, and eventually they will want different nights. ### If you are running something similar Four things I would do differently from the start. Capture the fields you will want later. I have no industry field, so 59% of company names tell me nothing about sector. I have no gender field, so I cannot answer that question honestly at all. Both are one dropdown at registration. Tag your links. The UTM source is blank on all 953 signups. I cannot tell you which LinkedIn post, which partner or which referral drives registrations. It is the cheapest fix available and I still have not done it. Run check-in properly every time. Three events with no reliable count means three events I can say nothing about. That data is not recoverable later. Ask one question at registration. We ask what people most want to get out of the night. It shapes the run of show, it tells you which topics are live, and after seven events it is the single most useful thing in the export. ### The short version The people showing up to AI meetups in Singapore are not the people you would picture. They are senior, they are commercial, they already pay for the tools, and they are mostly not engineers. They are marketing leads, founders, sales directors and operators, trying to work out what this means for a job they already have. If that sounds like you, that is the room. One night, one room, 495 organisations across the series so far. AI Power Users is free, it runs fortnightly in Singapore, and sign-ups go out in the WhatsApp group first. You can see every past meetup and join the group here. ### Frequently asked - Do you need to be a developer to attend an AI meetup?: No. Across 625 people who signed up to the AI Power Users meetups in Singapore, only 6.2% gave engineering or a technical role as their job title. Founders and owners were the largest single group at 18.6%, and marketing, data, sales and product each outnumbered engineering. The room is commercial and operational rather than technical. - Who attends AI meetups in Singapore?: In our data, mostly senior non-technical people. About 38% are director level or above, and 22.4% are founders or C-level. They come from 495 different organisations, with people from GovTech, DBS, Grab, NUS, IMDA and TikTok all having sat in the room. Most already pay for an AI tool before they arrive. - Are AI meetup attendees beginners?: Rarely, at least in Singapore. Between 85% and 88% of registrants at two of our events already paid for ChatGPT or Claude before attending. Only about 6% said they would subscribe before the event. Content pitched at setup and tool selection tends to miss this audience, who are looking for workflow depth instead. - What percentage of people who register for a free meetup actually show up?: About 55% of approved guests, based on the three of our events where check-in was properly run. The rate was 56.0%, 54.4% and 58.1%, which is stable enough to plan on. To fill 60 seats you need to approve roughly 110 people. Measured against everyone who signs up rather than everyone approved, the figure is closer to 43%. - How do I join the AI Power Users community in Singapore?: It is a free WhatsApp community, open to anyone in Singapore working out where AI fits into the job they already have. Meetups run fortnightly and sign-ups are announced in the group first. You can join from the AI Power Users page on this site. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group AI, Community, Singapore, Data Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Best Claude Code Workshops in Singapore A working map of where to learn Claude Code in Singapore. Free meetups, free online courses, SkillsFuture-claimable programmes, and paid training for company teams, with honest pros and cons. I Asked Four AI Models to Design Their Own Lanterns For Mid-Autumn, four ChatGPT models each designed their own paper lantern, and Codex built all six into a 3D page you can play with. What it could do, and what it couldn't. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: 50 Named Design Styles for Better AI Prompts Source: https://keithteo.ai/blog/design-styles-claude-skill/ Published: 2026-06-25 A free Claude skill with 50 named design styles, each with a reference image, a prompt scaffold, and starter CSS tokens. Naming a style up front gives any AI tool a sharper, more consistent result. There is a moment most people hit with AI image tools. You can see the thing in your head, but the words coming out are mush. “Make it clean but warm, modern but not cold, premium but approachable.” The model gives you a beige gradient and a sad icon. The problem is not the model. The problem is that a vibe is not a brief. The fastest fix I have found is to name a style. “Make it Art Deco.” “Japandi version.” “Synthwave, but restrained.” A named style carries a whole package with it, the palette, the type, the textures, the mood, so the model stops guessing and starts pointing in one direction. Designers have always worked this way. The rest of us just never learned the names. So I built a small Claude skill to fix that for myself, and I am releasing it free. ### What it is design-styles is a library of 50 named design styles. Each one has three things attached: - A reference image, so you can SEE the style rather than just read about it. - A prompt scaffold, a ready-to-fill sentence you drop into any AI image or video tool. - Starter CSS tokens, credible default colours to lift straight into a carousel or a frontend build. It is built on top of a UX Planet guide to 50 design styles, extended with the scaffolds and tokens so it actually does work in a content and build pipeline, not just sit there as a reading list. Browse all 50 in the gallery → ### Why naming a style works A model trained on the whole internet knows what Baroque looks like far better than it can interpret “ornate and dramatic”. When you name the style, you are handing it a dense, shared reference instead of a fuzzy adjective. Your job shrinks from describing everything to choosing a direction and filling in the subject. Here are four of the fifty, to show how different the packages are. Synthwave is neon grids, sunset gradients, and chrome. It says retro-future the instant it loads. Japandi is the opposite energy, warm minimalism, natural materials, and a lot of calm negative space. Baroque is gold on dark, flourishes, and drama, for when you want something to feel opulent and theatrical. Glassmorphism is frosted, translucent layers with soft depth, the premium SaaS look. You would never confuse one for another, and neither will the model once you name it. ### How to use it Pick or get given a style. If you already know the direction, go straight to its entry. If you are exploring, pull three or four candidates for the same idea and look at them side by side. Visual clarity is decision clarity. Fill the scaffold. Start the prompt with the style name, then add your real subject, composition, lighting, and aspect ratio. The brackets in each scaffold tell you exactly what to swap in. Mix two for a hybrid. This is where it gets fun. “Luxury Typography meets Aurora.” “Vaporwave with Gothic.” Once you know each style’s DNA, you can blend them on purpose instead of by accident. A word of honesty: the starter tokens are a starting point, not a finished palette. Tune them for contrast and hierarchy before you ship. And if a project already has a brand system, that system wins. These styles are for experimenting, for greenfield work, or for client projects without a fixed identity yet. ### Get it git clone https://github.com/Keith-cclarity/design-styles.git ~/.claude/skills/design-styles Then type /design-styles in Claude Code, or just browse the gallery and the repo and lift what you need. It is free and open source. If you want to go further with this kind of thing, the best way is alongside other people working it out too. I run AI Power Users, a free meetup community in Singapore for people putting AI to work. ### Frequently asked - What is the design-styles skill?: It is a free, open source Claude skill with 50 named design styles, from Neoclassical and Baroque to Synthwave, Japandi, Glassmorphism, and Neo-Brutalism. Each style ships a reference image, a ready-to-fill AI prompt scaffold, and starter CSS tokens, so you can steer image, video, and frontend output by naming a style instead of describing a vibe. - Do I need Claude Code to use the styles?: No. The skill is most convenient inside Claude Code, where you type /design-styles, but the catalogue, the prompt scaffolds, and the reference images work with any AI image or video tool. You can paste a scaffold into ChatGPT, Higgsfield, or any model and get the same benefit. - How do I install it?: Clone the repo into your Claude skills folder: git clone https://github.com/Keith-cclarity/design-styles.git ~/.claude/skills/design-styles. Then invoke it with /design-styles, or just browse the catalogue and reference images directly in the repo. - Can I mix two styles together?: Yes, and it is one of the most useful things you can do. Once you know each style's core elements, you can blend two, for example Vaporwave with Gothic, or Japandi with Neo-Brutalism. State both names and combine their palettes and elements in one prompt. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group AI, Design, Claude Code Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog I Embroidered Singapore Polytechnic's History in Code with Claude Code A narrated, embroidered history of Singapore Polytechnic, built for fun in under an hour with Claude Code on Opus 5.5. What it could do, what it couldn't, and how. Claude Code for Non-Developers Claude Code is an AI coding agent you control in plain English. What it does for non-developers, what you can build, and how to start, with real examples. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: How to Build a Website with Claude Code (No Coding) Source: https://keithteo.ai/blog/build-website-with-claude-code-no-coding/ Published: 2026-06-15 Yes, you can build a real website with Claude Code without writing code. The honest step-by-step, how long it takes, and where people get stuck. You do not need to know how to code to build a website any more. I built CheckHowMuch.sg, a 9,700-page property site, with Claude Code and zero developers. I rebuilt an 88-year-old clan association’s bilingual site in an afternoon. I am not an engineer. If you can describe the site you want, you can build it. Here is the honest version of how, including the part most guides skip: getting it actually online. ### What you need before you start - A computer. Mac or Windows, nothing special. - A paid Claude plan. Claude Code needs one. Claude Pro at about US$20 a month is enough to build a site. - A clear idea of the site. Not a design, just the answer to “what is this site for and what goes on it”. Vague ideas produce vague sites. - An afternoon. A simple site is a few hours, not a few weeks. You do not need to know HTML, hosting, or what a domain is. Claude Code handles the technical parts. Your job is the brief and the judgement. ### The actual steps - Describe the site in plain English. “Build me a one-page site for my coaching business. A hero with my name and tagline, an about section, three services, and a contact form. Warm and professional, not corporate.” The more specific the brief, the closer the first draft. - Look at it and react. Claude Code builds it and shows you a preview in your browser. You will not like all of it. Good. Tell it what to change in normal words: “make the hero taller”, “the green is too loud”, “move the contact form up”. - Iterate until it is right. This back-and-forth is the whole job. It is closer to art-directing than to programming. - Get it online. This is the step that trips people up, so do it with help the first time. Your site needs a home on the internet. Claude Code can walk you through putting it on a free host (Cloudflare Pages, Netlify, and Vercel all have free tiers) using a free GitHub account. It sounds technical. Claude Code does the technical part. You click the buttons. - Point your domain (optional). If you bought a domain, you connect it to the host. Again, ask Claude Code to walk you through it for your specific host. ### How long it really takes Honestly: - A simple personal or business site: an afternoon. - My Chang Clan rebuild: about three hours, and that was bilingual with real heritage content. - A 9,700-page site: longer, obviously, but built with the same method, just automated to repeat across thousands of pages. The first site is the slow one because you are learning the loop. The second is much faster. ### Where people get stuck Three places, every time: - Deployment. Building the site feels easy. Getting it live feels scary. It is not hard, but it is unfamiliar, which is exactly why doing it once with someone beside you saves hours. - Scope creep. “While we are here, can it also…” Ship the simple version first. Add later. - Not knowing what to build. The blank page is the real enemy, not the technology. Decide the one job of the site before you open Claude Code. ### The fastest way through You can do all of this alone. Most people who try get stuck at deployment and quietly give up, not because they could not do it, but because they hit one unfamiliar step with no one to ask. If you are in Singapore, join the AI Power Users community. It is free, and the Claude Cowork meetups are built for exactly this: build your first site in a room, get past the scary step with help, walk out with something live. If you want a whole team shipping in one day rather than one person, the team training closes that loop. New to the tool itself? Start with Claude Code for non-developers. Still deciding whether to pay for it? See is Claude Code worth it if you can’t code. ### Frequently asked - Do you need to know HTML or CSS to build a website with Claude Code?: No. You describe the site in plain English and Claude Code writes the HTML, CSS, and everything else. Your job is the brief and the judgement on whether it looks right, not the code itself. - Where can I host a website built with Claude Code for free?: Cloudflare Pages, Netlify, and Vercel all have free tiers that work well for most personal and small business sites. Claude Code can walk you through putting your site on any of them step by step. - Do I need a GitHub account to put my site online?: Usually yes, and it is free. GitHub is where your site's code lives so a host can publish it. It sounds technical, but Claude Code handles the technical part and you just click through the setup once. - How long does it take to build a website with Claude Code?: A simple personal or business site takes an afternoon. I rebuilt an 88-year-old clan association's bilingual website in about three hours. The first site is the slow one because you are learning the loop. After that it is much faster. - Can I use my own domain name?: Yes. If you have bought a domain, you connect it to your host, and Claude Code can walk you through it for your specific setup. A domain usually costs around US$10 to US$15 a year, separate from the Claude plan. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, No-Code, Web Development Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Claude Code for Non-Developers Claude Code is an AI coding agent you control in plain English. What it does for non-developers, what you can build, and how to start, with real examples. Is Claude Code Worth It If You Can't Code? An honest answer on whether Claude Code is worth paying for if you are not a developer, what it really costs, and who it is and is not for. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Claude Code for Non-Developers Source: https://keithteo.ai/blog/claude-code-for-non-developers/ Published: 2026-06-15 Claude Code is an AI coding agent you control in plain English. What it does for non-developers, what you can build, and how to start, with real examples. Claude Code is Anthropic’s AI coding agent. You describe what you want in plain English, and it writes the code, runs it, checks the result, and fixes its own mistakes. Despite the name, you do not need to be a developer to use it. I am not an engineer by training. I spent thirteen years in product, not writing code. I built CheckHowMuch.sg, a 9,700-page Singapore property site, entirely with Claude Code. Zero developers. So when people tell me the name put them off, I understand the instinct, and I think it is the single biggest reason non-technical people miss out on this. This is the explainer I wish someone had handed me before I started. ### What Claude Code actually is Claude Code is a tool that takes plain-English instructions and does the technical work for you. You say “build me a one-page site for my consulting business with a contact form”, and it creates the files, writes the code, and shows you the result. You look at it, tell it what to change, and it changes it. It comes in two shapes: - The terminal version. This runs in the command line, the black text window on your computer. It looks intimidating and is not. You type what you want in normal sentences. The terminal is just where the conversation happens. - Cowork, a friendlier graphical version Anthropic built for non-technical people. No command line. Same engine underneath. Either way, the thing that matters is this: Claude Code does not just talk about the work. It does the work. It reads your files, writes new ones, runs them, and corrects itself when something breaks. ### Why the name is misleading “Code” sounds like a test you have to pass. It is not. Using Claude Code is not about knowing syntax. It is about being able to describe what you want clearly and check whether you got it. Think of it less like learning a language and more like briefing a very fast, very literal colleague. The people who do well with it are not the best programmers. They are the clearest thinkers. Product managers, marketers, founders, and operators often outperform engineers at this, because the job is specification and judgement, not memorising commands. If you can write a clear brief, you can use Claude Code. ### What non-developers are actually building This is the part that convinces people, so here are real things, not hypotheticals. I have used Claude Code to ship: - CheckHowMuch.sg, a 9,700-page property intelligence site for Singapore homeowners, built and hosted for almost nothing. Here is the full story of how. - SeeWhatIf, a healthcare cost explorer mapping 134 hospital scenarios to real Singapore procedure data. - The Chang Clan heritage site, an 88-year-old Singapore clan association’s bilingual website, rebuilt in an afternoon. Beyond my own work, the people in my workshops and meetups have built personal portfolios, internal dashboards, expense trackers, landing pages for a new offer, and small tools that automate a job they used to do by hand. None of them were developers when they started. The pattern is consistent. The winning use is not “replace an engineering team”. It is “stop waiting for one to build the small thing you could describe in a sentence”. If you want more, here is a fuller list of what people have actually built with Claude Code. ### What you actually need, and what you do not You do not need: - A computer science background - To understand the code line by line - Expensive hardware You do need: - Clear thinking. Vague instructions get vague results. The better you can describe the outcome, the better the work. - Willingness to iterate. The first version is rarely the final one. You look, you correct, it adjusts. That loop is the whole skill. - A paid Claude plan. Claude Code is not free. Claude Pro is about US$20 a month and is plenty to start. The Max plans at US$100 and US$200 a month are for people who live in it daily. Start on Pro, and if you want the full breakdown, see is Claude Code worth it if you can’t code. ### How to start as a non-developer Do not buy a course on day one. Here is the order that works. - Try a free lesson first. One evening is enough to find out whether you enjoy this kind of work. CC for Everyone is built for non-coders. If you would rather not spend a cent yet, this is where to start. - Get in a room with other people. Most people who try Claude Code alone bounce off, not because it is hard, but because they do not know what to build or how to finish. Join the AI Power Users community, the free Singapore group I run, and come to a Claude Cowork meetup. Build your first real thing with help in the room. - Pick one specific project and ship it. Not “learn Claude Code”. Ship a portfolio, a landing page or website, a tool you actually need. A finished thing teaches more than ten tutorials. ### Where this goes wrong I will be honest about the limits, because the breathless takes online will not be. For personal sites, prototypes, portfolios, and internal tools, the risk of getting it wrong is low, and Claude Code explains each step as it goes. For anything that touches payments, customer data, or a system other people depend on, get someone who codes to review it before it goes live. Not understanding what you shipped is fine for a hobby project. It is not fine for something with real consequences. The other failure is staying in tutorial mode forever. Watching is not building. The value shows up the moment you ship one real thing. ### The short version Claude Code is not just for engineers. It is for anyone who can describe what they want and is tired of waiting for someone else to build it. The name is the only hard part, and you just got past it. If you are in Singapore and want to build your first thing in a room of people doing the same, join the AI Power Users community. It is free, and it is the fastest way I know to go from curious to shipped. New to the terms? The Claude Code glossary explains the jargon in plain English. Wondering how it stacks up against the tools you already use? See Claude Code vs ChatGPT. ### Frequently asked - Do you need to know how to code to use Claude Code?: No. You describe what you want in plain English and Claude Code writes the code, runs it, and fixes its own errors. The real skill is clear thinking and clear instructions, not programming syntax. I am not an engineer by training and I built CheckHowMuch.sg, a 9,700-page Singapore property site, entirely with Claude Code. - Is Claude Code free?: No. Claude Code needs a paid Claude plan. Claude Pro is about US$20 a month and is enough for most non-developers starting out. The heavier Max plans are US$100 and US$200 a month for people who use it for hours every day. There is no free tier for Claude Code itself. - What is the difference between Claude Code and just chatting with Claude or ChatGPT?: A chat window gives you text back that you copy and paste yourself. Claude Code acts. It reads your files, writes new ones, runs commands, tests the result, and corrects itself, all on your own computer. It does the work, it does not just describe the work. - Can non-technical people really build real things with it, not just demos?: Yes. I have shipped live, public sites with it: a 9,700-page property site, a Singapore healthcare cost explorer, and a bilingual heritage site rebuilt in an afternoon. Marketers, founders, and operators use it for working tools, not toys. The limit is usually clarity of thinking, not technical ability. - Is it safe to run code I do not understand?: For personal sites, prototypes, and internal tools, the risk is low and Claude Code explains what it is doing at each step. For anything touching payments, customer data, or production systems other people rely on, get a person who codes to review it before it goes live. Understand what you are shipping, even if you did not type it. - Should a non-developer use Claude Code or Cursor?: Claude Code suits people who want to describe a goal and have it built end to end, which fits non-developers well. Cursor is a code editor with AI inside it, which assumes you are comfortable reading and editing code. If you cannot code and want to ship a real thing, start with Claude Code. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, AI, No-Code Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Is Claude Code Worth It If You Can't Code? An honest answer on whether Claude Code is worth paying for if you are not a developer, what it really costs, and who it is and is not for. What People Have Actually Built with Claude Code Real, shipped projects built with Claude Code, including a 9,700-page site and a heritage site rebuilt in an afternoon. Proof, not toy demos. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Claude Code vs ChatGPT: What's the Difference? Source: https://keithteo.ai/blog/claude-code-vs-chatgpt/ Published: 2026-06-15 Claude Code does the work; ChatGPT describes it. The plain-English difference, a side-by-side comparison, and which a non-developer should use. The simplest way to put it: ChatGPT talks. Claude Code acts. A chat window, whether ChatGPT or Claude’s own chat app, gives you words back. You ask a question, it answers. If you ask it to build something, it hands you code and instructions, and then it is up to you to figure out where they go and how to run them. Claude Code does the doing. It reads your files, writes new ones, runs them on your computer, checks the result, and corrects its own mistakes. You describe the goal, it builds the thing, you check it. Both are genuinely useful. They are built for different jobs, and the confusion between them is the single most common question I get from non-developers. ### The core difference Picture asking each one to “build me a website”. ChatGPT writes you the code and explains, in a long message, how to set it up. Now you have a wall of code and a list of steps, and you are the one who has to carry them out. For most non-developers, that is exactly where it falls apart. Claude Code creates the files, builds the site, and shows you a preview in your browser. When you say “make it warmer” or “the logo is too big”, it changes the actual site. You never touch the code unless you want to. Describe versus do. That is the whole distinction. ### At a glance | ChatGPT and chat apps | Claude Code What it is | A chat assistant | An agent that runs on your computer What you get back | Text, code, drafts, answers | Working files and a built thing Touches your files? | No | Yes Runs commands for you? | No | Yes Best for | Answers, writing, brainstorming, learning | Building and shipping real things Who it suits | Everyone | People who want to make something Cost | Free tier, Plus about US$20 a month | Needs a paid Claude plan, about US$20 a month ### Which should a non-developer use? Match the tool to the goal: - If you want answers, drafts, explanations, or a thinking partner, a chat app is enough, and the free tier may even do. - If you want to build and ship a real thing, a website, a tool, a prototype, Claude Code is the one that finishes the job. Most people end up using both. I use a chat window to think and draft, and Claude Code to build. They are not rivals so much as a pen and a workshop. ### What about Cursor? You will see Cursor mentioned in these comparisons. One line: Cursor is a code editor with AI inside it, built for people who already write code. If you cannot code and want to build something, Claude Code is your entry point, not Cursor. ### The honest overlap To be fair to ChatGPT: it can write code, and good code. The catch is that you have to run it yourself, and running it is precisely the part non-developers get stuck on. Claude Code removes that step. That is the difference that matters when your goal is a finished thing, not a finished explanation. If you are in Singapore and want to see Claude Code build something in front of you, join the AI Power Users community. It is free. New to all of this? Start with Claude Code for non-developers, or check whether it is worth paying for. ### Frequently asked - Is Claude Code better than ChatGPT for building things?: For building and shipping real things, yes. ChatGPT gives you code and instructions that you then have to run yourself. Claude Code reads your files, writes them, runs them, and fixes errors on your own computer. For answers, writing, and brainstorming, a chat app like ChatGPT is the better fit. - Can ChatGPT build a website for me?: ChatGPT can write the code for a website, but it cannot put the files on your computer, run them, or publish the site. You have to do those steps yourself. Claude Code does them for you, which is why it is the easier path for a non-developer who wants a finished site. - Is Claude Code part of ChatGPT?: No. Claude Code is made by Anthropic, the company behind Claude. It is not part of ChatGPT or OpenAI. To use Claude Code you need a paid Claude plan, not a ChatGPT subscription. - Do I need both Claude Code and ChatGPT?: Many people use both for different jobs: a chat assistant to think, draft, and learn, and Claude Code to build and ship. You do not need both to start. If your goal is to make something real, begin with Claude Code. - Which is cheaper, Claude Code or ChatGPT?: They cost about the same at the entry level. ChatGPT Plus and Claude Pro are both around US$20 a month. Claude Code is included with a paid Claude plan, so there is no separate charge on top of Claude Pro. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, ChatGPT, AI Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog I Asked Four AI Models to Design Their Own Lanterns For Mid-Autumn, four ChatGPT models each designed their own paper lantern, and Codex built all six into a 3D page you can play with. What it could do, and what it couldn't. I Embroidered Singapore Polytechnic's History in Code with Claude Code A narrated, embroidered history of Singapore Polytechnic, built for fun in under an hour with Claude Code on Opus 5.5. What it could do, what it couldn't, and how. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Is Claude Code Worth It If You Can't Code? Source: https://keithteo.ai/blog/is-claude-code-worth-it/ Published: 2026-06-15 An honest answer on whether Claude Code is worth paying for if you are not a developer, what it really costs, and who it is and is not for. Short answer: yes, if you build, ship, or market things and are tired of waiting for an engineer. No, if you mostly want answers and the occasional draft, because a normal chat plan already does that. I am not an engineer, and I built a 9,700-page site with it, so my bias is on the table. Here is the honest breakdown anyway. ### What it actually costs Let us clear up the pricing, because it confuses people. - Claude Code is not free. It needs a paid Claude plan. - Claude Pro is about US$20 a month. Enough for most non-developers. - The Max plans are US$100 and US$200 a month, for people who use it for hours every day. - There is no free tier for Claude Code itself, and no separate fee on top of your plan. Start on Pro. Only move up if you actually hit the limits, which most beginners will not. ### Who it is worth it for - You have a website, tool, or project you keep meaning to build and never get to. - You are tired of waiting on a developer, or paying an agency for small changes. - You enjoy making things and will genuinely use it. If two of those are true, US$20 a month is one of the easiest yeses you will make this year. ### Who it is not worth it for - You just want answers and the odd email draft. A chat plan covers that for less hassle. - You are not willing to put in a few evenings to get comfortable. - You expect a finished product with no involvement from you. That is not what this is. There is no shame in any of these. Better to know before you pay. ### The real cost is not the money US$20 is nothing next to what Claude Code can do. The real cost is the learning curve, and it is smaller than people fear: a few evenings to get used to the rhythm of describe, look, correct. The people who quit almost never quit over the price. They quit because they tried alone, hit one unfamiliar step, and had no one to ask. That is a solvable problem, and it is the reason I tell people to start in a room rather than at a desk by themselves. ### My honest take For the price of a couple of coffees a month, I have built things that would have cost thousands to commission and weeks to wait for. If you make things, it is the easiest yes on this list. If you do not, save your money and keep a chat plan. If you are in Singapore and want to find out whether you are the build-things type before you commit, join the AI Power Users community. It is free, and you can watch Claude Code build something in person. New here? Start with Claude Code for non-developers, or see what people have actually built with it. ### Frequently asked - How much does Claude Code cost?: Claude Code is included with a paid Claude plan. Claude Pro is about US$20 a month and is enough for most non-developers. The Max plans cost US$100 and US$200 a month and are for people who use it for hours every day. There is no separate Claude Code fee on top of the plan. - Is there a free version of Claude Code?: No. Claude Code needs a paid Claude plan, so there is no free tier for the tool itself. The free way to start is a free online lesson like CC for Everyone to confirm you enjoy the work before you pay for a plan. - Is the US$20 Pro plan enough for a non-developer?: For most people starting out, yes. Claude Pro comfortably handles building websites, tools, and prototypes. You only need the Max plans if you start using Claude Code for several hours a day and hit the Pro limits. - Is Claude Code worth it if I am not technical?: Yes, if you build, ship, or market things and are tired of waiting for an engineer. No, if you mostly want answers and the occasional draft, because a normal chat plan already covers that. The deciding factor is whether you will actually make things with it. - How long does it take to learn Claude Code?: An evening to get the basics and a few sessions to get comfortable with the loop of describe, look, and correct. The people who give up rarely quit over the money. They quit because they tried alone and got stuck once with no one to ask. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, AI, No-Code Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Claude Code for Non-Developers Claude Code is an AI coding agent you control in plain English. What it does for non-developers, what you can build, and how to start, with real examples. What People Have Actually Built with Claude Code Real, shipped projects built with Claude Code, including a 9,700-page site and a heritage site rebuilt in an afternoon. Proof, not toy demos. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: What People Have Actually Built with Claude Code Source: https://keithteo.ai/blog/what-people-built-with-claude-code/ Published: 2026-06-15 Real, shipped projects built with Claude Code, including a 9,700-page site and a heritage site rebuilt in an afternoon. Proof, not toy demos. Most “what you can build with Claude Code” lists are full of toy demos: a to-do app, a snake game, a weather widget. Useful for learning, but they do not answer the real question, which is “can I build something that actually matters?” Here are real things that are live on the internet, built by someone who is not an engineer. ### Things I have shipped CheckHowMuch.sg is a 9,700-page property intelligence site for Singapore homeowners. It pulls real transaction data and generates a page for every town and block, with price history and analysis. Built with Claude Code, zero developers, hosted for almost nothing. Here is how it came together. SeeWhatIf is a healthcare cost explorer that maps 134 hospital scenarios to real Singapore procedure data, so people can see what a treatment might actually cost them. The Chang Clan heritage site is the bilingual website of an 88-year-old Singapore clan association, rebuilt in an afternoon from a dated, Chinese-only original. A personal accountability tracker. Smaller, but my favourite. It is a local web page where Claude Code and my browser share the same file, so my to-do list stays in sync between the two without any database or server. ### What people in my workshops build The people who come through my meetups and workshops are marketers, founders, operations leads, and consultants. Not engineers. They have built personal portfolios that finally exist, landing pages for a new offer, internal dashboards to replace a messy spreadsheet, and small automations for jobs they used to do by hand. The common thread is not ambition. It is specificity. The ones who finish picked one clear thing and shipped it. ### The categories of what you can build If you are wondering whether your idea fits, most non-developer projects fall into five buckets: - Websites and landing pages, the most common and most forgiving first project. - Data tools and explorers, like a calculator or a searchable directory. - Automations and scripts that do a repetitive job for you. - Internal dashboards and trackers to replace a spreadsheet. - Prototypes to test an idea before you commit to building it properly. ### What it is not great at yet Honest limits, because you should know them before you start. Complex apps with thousands of users, anything that needs a serious security review, payment and customer-data systems, and native mobile apps are all harder, and the kind of work where you want a person who codes involved. For a first project, stay in the buckets above. They are where the quick wins live. ### Start with one The mistake is trying to build the ambitious thing first. Pick the small, specific project you can describe in a sentence, and ship that. If you are in Singapore and want to build your first thing in a room of people doing the same, join the AI Power Users community. It is free. New to the tool? Start with Claude Code for non-developers, or go straight to building a website with no coding. ### Frequently asked - Can a non-coder build a real web app with Claude Code?: Yes, for many kinds of projects. Websites, data explorers, dashboards, and automations are well within reach for a non-coder. I built a 9,700-page property site and a healthcare cost explorer without an engineering team. Complex apps with many users and serious security needs still benefit from someone who codes reviewing the work. - What is the most complex thing you have built with Claude Code?: CheckHowMuch.sg, a 9,700-page Singapore property intelligence site that pulls real data and generates a page for every HDB town and block. It is the largest, but the Chang Clan heritage rebuild, done in an afternoon and fully bilingual, is the one that surprises people most. - Can you build a real business or product with Claude Code?: You can build the website, tools, and prototypes a business runs on. I use it across several live projects. It is a builder, not a strategy. It will ship what you can clearly describe, which for most early-stage products is more than enough to start. - Does Claude Code work for mobile apps?: It can help, but native mobile apps are harder than websites for a non-developer, because of app store rules, devices, and testing. If you are starting out, a website or web tool is a far gentler first project than a phone app. - Are these projects really built without developers?: Yes. I am not an engineer by training and I built them with Claude Code. For anything touching payments or sensitive data I bring in a person who codes to review before it goes live, but the building itself was done in plain English. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, No-Code, AI Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Claude Code for Non-Developers Claude Code is an AI coding agent you control in plain English. What it does for non-developers, what you can build, and how to start, with real examples. Is Claude Code Worth It If You Can't Code? An honest answer on whether Claude Code is worth paying for if you are not a developer, what it really costs, and who it is and is not for. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Best Claude Code Workshops in Singapore Source: https://keithteo.ai/blog/best-claude-code-workshops-singapore-2026/ Published: 2026-05-13 A working map of where to learn Claude Code in Singapore. Free meetups, free online courses, SkillsFuture-claimable programmes, and paid training for company teams, with honest pros and cons. Someone messaged me last week asking which Claude Code workshop they should do in Singapore. They had seen four options and could not figure out how to pick. This post is for them. I run one of the options listed here, so treat what follows as a working map, not a neutral review. I will tell you exactly where my workshop fits and where it does not, and I will send you somewhere else if that is the better answer. ### At a glance Option | Format | Cost | Best for CC for Everyone | Online, self-paced | Free | Non-coders trying Claude Code for the first time Claude Code in Action | Online, self-paced | Free | Engineers who want the official Anthropic curriculum Claude Community | In person, Singapore and worldwide | Free | Anyone who wants Anthropic’s own community events AI Power Users meetups | In person, Singapore | Free | Singapore founders and operators who want a room of peers Keith Teo team training | In person, Singapore, one day | S$397 per person, from ten | Companies who want a whole team shipping, not one person Claude Code for Real Engineers | Online cohort, 2 weeks | US$795 | Working engineers who want to deepen production practice Frontend Masters Deep Dive | Online video | Subscription | Engineers who already use Frontend Masters Heicoders GA100 | Hybrid, 18 hours over 6 weeks | SkillsFuture-claimable | General generative AI literacy with subsidy support SMU Academy GenAI for Digital Marketing | In person, ~4 months part-time | SkillsFuture-claimable | Marketers and operators who want a structured certificate, not just one tool ### Start with the right question The wrong question is “which Claude Code workshop is best in Singapore?” That implies they are all trying to do the same thing. They are not. The right question is “what am I actually trying to do?” Three honest goals cover most people: - Dabble. Curious about Claude Code. Want to see what it does and how it differs from ChatGPT before committing time or money. - Build something specific. Have a real project in mind. Need to ship it, not just learn theory. - Level up a career. Want a credential, structured learning, or subsidised training that signals progress to an employer. Different goals point to different options. Pick yours before reading the rest. ### The Singapore Claude Code landscape, mapped #### Free online lessons CC for Everyone is a free online course built for non-coders. The fastest way to find out whether you actually enjoy this kind of work before you commit any money. Claude Code in Action is the official Anthropic course. Free, self-paced, online. Covers the tool from the engineering side: architecture, multi-tool use, MCP servers, GitHub workflows. Best if you already write code. #### Free meetups in Singapore Claude Community is Anthropic’s own community programme. Events are hosted by community members around the world and listed on the Claude Community calendar, Singapore included. Free to attend. If you want the room closest to the people who build the tool, start there. AI Power Users is the free Singapore community I run. The Claude Cowork meetups are hands-on sessions where founders, operators, and AI-curious professionals come together to build their first automation with Claude, in person. Free to join. Tool-agnostic over time, but the current series focuses on Claude. If your goal is “see Claude Code with your own eyes and build a first thing in a room of people doing the same”, start here. The free path works. It is also slow and self-directed. Most people I meet have tried online lessons and bounced off because they did not know what to build, what to skip, or how to deploy what they made. The meetups solve the second half of that problem. Paid workshops solve all of it. #### Paid online (global) Claude Code for Real Engineers by Matt Pocock. US$795. Two-week cohort. Built for working engineers. Live office hours, Discord, lifetime access. Excellent if you already ship production code and want to deepen your Claude Code practice. Frontend Masters: Claude Code Deep Dive is led by Lydia Hallie from Anthropic’s Claude Code team. Subscription-based. Engineer-oriented. Both are strong. Neither is built for the marketing manager, founder, or operations lead who wants to build their own website without an engineer. #### Paid in-person, Singapore Anchr AI Labs runs AI training for non-techies in Singapore and Southeast Asia. They cover broader AI tooling, not exclusively Claude Code. Pricing is by inquiry on WhatsApp. Good if you want a customised corporate session. My training at keithteo.ai. One day, in person, delivered to a company’s team at their own office. S$397 per person, minimum ten people, so an engagement starts at S$3,970. Claude Code specifically. Everyone in the room builds and deploys something live that they own by the end of the day, and support continues after. I will be honest about the catch, and it is a real one. I no longer run public cohorts, so you cannot buy a single seat. Six ran between March and May 2026 and every one sold out, but the work that actually lands is a whole team changing how it works in one day, not one person going back to a room that did not come with them. If you are one person rather than a team, the free options above are the honest answer and they cost nothing. #### SkillsFuture-claimable (not Claude Code specifically) These are worth flagging because the subsidy changes the maths. Heicoders Academy runs an 18-hour Generative AI course (GA100) over six weeks, hybrid format, up to 70% subsidised. Covers general GenAI, not Claude Code as a tool. SMU Academy runs the Advanced Certificate in Generative AI for Digital Marketing. About four months part-time, SkillsFuture-claimable, in person. I am the lead trainer, so treat this as biased reporting. The honest framing: this is a structured certificate programme that covers the full GenAI marketing stack (LLMs, image and video tools, agents, automation), not a one-day workshop on a single tool. If you want a credential on your LinkedIn and your employer cares about transcripts, this is the better fit. If you want to ship one website in one day, my workshop is. NTU SCTP offers professional AI training with funding support. Ngee Ann Polytechnic runs a Specialist Diploma in Applied Generative AI, 12 months part-time. These are not Claude Code workshops. They are AI literacy programmes. If your goal is “level up career, claim subsidy, signal credential” rather than “ship a thing with Claude Code”, these are the better fit. ### How to pick Five questions to run yourself through: - Am I willing to pay, or do I want it free? Free works. It is slower and you self-direct. Paid trades dollars for structure and a deadline. Still deciding whether the tool itself is worth paying for? See is Claude Code worth it if you can’t code. - Do I want online or in-person? In-person forces focus and removes excuses. Online fits around a job. - Am I a coder or not? Engineer-oriented options (Matt Pocock, Frontend Masters) assume you already ship code. Non-coder options (CC for Everyone, the free meetups, my team training) assume you do not. - Do I have a specific thing to build? If yes, a workshop that ships beats a course that teaches. If no, free meetups are cheaper exploration. - Does the subsidy matter? If yes, SkillsFuture-claimable AI courses are the path. Accept that you will not learn Claude Code specifically. - Am I buying for myself, or for a team? Everything on this map except my training is bought one seat at a time. Getting a whole team building is a different purchase with different economics, and it is the only thing here built for it. ### Where my training fits I built this for a company now, not for one person. The team that keeps waiting on engineering for small things. A marketing lead who wants a landing page without raising a ticket. An ops manager with a spreadsheet that should have been a tool a year ago. They have all seen the demos. None of them have shipped anything, because nobody has sat with them through the ugly part, which is not the prompting. It is getting the thing live, on a domain they control, without a developer. One day fixes that for the whole room at once, and that is the part that matters. One person coming back from a course excited changes nothing, because the room they return to has not moved. Ten people who all shipped something changes how the team works the following week. If that is your company, book a 15 minute call. If you are one person reading this, I am not your answer today, and I would rather say so than sell you something that does not exist. Start free with the options above. The map is more useful than I am. ### What I would tell my younger self Start with a free online lesson. CC for Everyone if you have never coded. Claude Code in Action if you already ship code. One evening is enough to find out whether you enjoy the work. If you do, the next step is a room of people. Join the AI Power Users WhatsApp and come to the next free Singapore meetup, or find one on the Claude Community calendar. Build a first thing with help in the room. When you are ready to ship a real project with a deadline, a paid option closes the loop. On your own, that is Matt Pocock’s cohort if you code, or a SkillsFuture certificate if the credential matters. For a team, my training is built for exactly that. The mistake is paying for structure before you have confirmed you want to do the thing. The other mistake is staying free forever because you cannot commit to shipping. Pick one. Ship one thing. The rest takes care of itself. If you run a team in Singapore, my Claude Code training is one day, in person, at your office. S$397 per person, minimum ten. If you are learning on your own, the free options above are the better starting point, and this map is here to help you pick one. ### Frequently asked - Is there a SkillsFuture-claimable Claude Code workshop in Singapore?: Not specifically. SkillsFuture-claimable AI courses in Singapore (Heicoders Academy, NTU SCTP, Ngee Ann Polytechnic) cover general generative AI, not Claude Code as a tool. If the subsidy matters more than the specific tool, those work. If you need Claude Code in particular, you will pay out of pocket today. - What is the cheapest way to learn Claude Code in Singapore?: Free. Start with CC for Everyone, a free online course for non-coders, or Anthropic's official Claude Code in Action course. For in-person learning in Singapore, Anthropic's own Claude Community calendar lists free events, and the AI Power Users WhatsApp group runs free Claude Cowork meetups. You can get started for zero dollars. - Is there Claude Code training for company teams in Singapore?: Yes. I run a private one-day, in-person Claude Code workshop delivered at a company's own office in Singapore. S$397 per person, minimum ten people, so an engagement starts at S$3,970. Every participant builds and deploys something live that they own by the end of the day, with support after. Public cohorts are no longer running, so individuals are better served by the free meetups and the free online courses. - Do I need to know how to code to learn Claude Code?: No. Claude Code is designed to be used in plain English. The skill is product thinking and clear instructions, not programming syntax. Most people in my Singapore workshop have never written a line of code. - Is Claude Code worth learning if I am not a developer?: Yes, if you build, ship, or market things and are tired of waiting for engineering. I built CheckHowMuch.sg, a 9,700-page Singapore property site, entirely with Claude Code. Zero developers. - What is the difference between Claude Code and Cursor or Manus?: Claude Code is a terminal tool that runs against your local files and is agentic by default. Cursor is a VS Code fork with AI built in, better for active code editing. Manus is closer to a general AI agent that runs in the cloud. Different tools, different jobs. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, Singapore, Workshops, AI Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog I Embroidered Singapore Polytechnic's History in Code with Claude Code A narrated, embroidered history of Singapore Polytechnic, built for fun in under an hour with Claude Code on Opus 5.5. What it could do, what it couldn't, and how. Who Actually Turns Up to AI Meetups in Singapore Data from 625 people who signed up to seven AI meetups in Singapore. Founders outnumber engineers three to one, and only 6.2% of the room works in engineering. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: We Skipped the Capstone Wrap. Built AI Agents Instead. Source: https://keithteo.ai/blog/smu-intake-5-graduation/ Published: 2026-05-09 The last day of SMU Academy's 4-month GenAI for Digital Marketing cohort. We skipped the capstone wrap and built live SEO dashboards and automations in Claude Cowork instead. Today was the last day of a four-month cohort. 122 days. The SMU Academy GenAI for Digital Marketing programme I’ve been teaching since 7 January. The plan was to wrap with capstone reflections. We skipped it. Instead, we spent the day on Claude Cowork: setting up AI agents, building automations, working with live artifacts. I demoed a live SEO dashboard. My own PostHog data, pulled into Claude Cowork through MCP, rendered as a live artifact that updates as the data does. The kind of thing that would have taken a weekend wiring up a BI tool a few years ago. Half an hour later, one of the students had built something different. An automation that audits any website and suggests SEO improvements. From scratch. 30 minutes. That’s the part I kept thinking about on the train home. Not the lesson plan. The 30 minutes. ### What four months looks like A lot of them walked in cautious about AI. Some had never touched a generative tool before January. By this afternoon, they’d made album art, songs, websites, AI-generated images, social media graphics, videos. And those little games we built together on the last day. Then on top of all that, working AI agents. This is what AI literacy looks like in practice. It is not “I read a prompt engineering article.” It is sitting down, setting up an agent, and pointing it at a real problem you have. ### Here’s the part I keep thinking about A 4-month course is not for everyone. A paid workshop is not for everyone. Both come with a price tag and a schedule and a commitment most people won’t make. But AI literacy and awareness? I think that should be for everyone. That’s why I started AI Power Users. Free meetups in Singapore, for the curious, for people who haven’t started yet, for anyone who wants a couple of hours of hands-on experience in a safe space. No pitch. No upsell. No feeling stupid for asking the basic question. The format is simple. We pick a tool or a workflow, we use it together, you leave more confident than you came in. The meetups are numbered (01, 02, 03 and so on) so anyone can join from any point. A four-month course will go deep. A paid workshop will get you building fast. A free meetup will get you started. They serve different people at different stages, and Singapore needs all three. ### Thank you Big thanks to SMU Academy and Tribe Academy for the support across all four months. Teaching this cohort has been one of the most rewarding things I’ve done this year. If you’ve been on the fence about AI but haven’t found a low-stakes way to start, the WhatsApp group is open: join AI Power Users here. Come along. Bring the question you’ve been too embarrassed to ask. We’ll figure it out together. ### Frequently asked - What is the SMU Academy GenAI for Digital Marketing programme?: It is the SCTP Advanced Certificate in Generative AI for Digital Marketing Specialist, run by SMU Academy. Four months long, 320 hours total across e-learning, in-class sessions and capstone work. Designed for working professionals in Singapore. - What is Claude Cowork?: Claude Cowork is Anthropic's autonomous task and automation product. You set up AI agents that do work for you across tools, set automations to run on a schedule or trigger, and use live artifacts that update as data changes. Different from Claude Code, which is for software engineering work. - Who is AI Power Users for?: Anyone in Singapore who is curious about AI but hasn't found a low-stakes way to start. The meetups are free, small, hands-on, and beginner friendly. No pitch, no upsell, no feeling stupid for asking the basic question. - How do I join the AI Power Users meetups?: Join the WhatsApp group at https://chat.whatsapp.com/IfAWgdltUPYBox5hOHXjWn. Meetups are numbered (01, 02, 03 and so on), held in Singapore, free to attend. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group AI Literacy, Teaching, SMU Academy, Claude Cowork, AI Power Users, Singapore Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Who Actually Turns Up to AI Meetups in Singapore Data from 625 people who signed up to seven AI meetups in Singapore. Founders outnumber engineers three to one, and only 6.2% of the room works in engineering. Best Claude Code Workshops in Singapore A working map of where to learn Claude Code in Singapore. Free meetups, free online courses, SkillsFuture-claimable programmes, and paid training for company teams, with honest pros and cons. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: Rebuilding an 88-Year-Old Singapore Heritage Site With Claude Code Source: https://keithteo.ai/blog/chang-clan-rebuild/ Published: 2026-05-04 How I rebuilt the Chang Clan General Association website with Claude Code. 16 bilingual pages, 88 years of heritage preserved, in three hours. You want to rebuild your website with Claude Code. But you’ve already got an old one, full of content you can’t afford to lose. This is the part most tutorials skip. The rebuild. Bilingual, mobile responsive, museum-style editorial layout. Last weekend I tested the workflow on a real legacy site. The Chang Clan General Association in Singapore. I picked it because I’m a Chang myself, but the workflow applies to any old site you’ve inherited. Founded 1937. Eighty-eight years of history. 50 committees. 12 sub-clans. The kind of heritage content where every Qing Ming reference, every name in the committee history, every dialect note matters. The existing site at changclan.sg was Chinese only, not optimised for mobile, and built years ago. The site I was working from. Chinese only, mobile-broken, dated chrome. But the CONTENT was the whole point. I could rebuild the design ten times over. I couldn’t lose the history. ### The four-step workflow So I asked Claude Code to do four things: - Scrape every page of the old site, including the ones buried four clicks deep - Preserve every Chinese paragraph verbatim, because heritage content is not a thing you paraphrase - Translate the same content into English, so the next generation can actually engage with it - Build a bilingual mirror, English at /, Chinese at /ch, identical structure Three hours later, 16 pages live. Mobile responsive. Editorial design that reads like a museum foundation. Every original detail preserved. ### The thing I was actually nervous about The thing I was most nervous about wasn’t the design. It was losing information in the translation. Heritage content has weight. A wrong character in a sub-clan name, a Qing Ming reference flattened into “ancestor day,” and the whole thing reads like it was made by someone who doesn’t get it. Claude Code held that line better than I expected. The Chinese stayed verbatim. The English read like a careful translation, not a rough one. See the demo at chang-clan-website.pages.dev ### Why this matters for your old site If you’ve been sitting on an old site you don’t have the budget to redo properly, this kind of rebuild is genuinely possible now, and you don’t need to be a developer to do it. The content doesn’t have to be the casualty. If you’re starting fresh instead of rebuilding, here’s how to build a website with Claude Code with no coding. The same workflow applies to any institution with archives that pre-date the modern web: - Family businesses with 30 years of project history - Professional bodies with member directories and event archives - Schools, clubs, associations, alumni networks Most of these sites are still on CMS layouts from 2010 because rebuilding them looks expensive. With Claude Code, the cost barrier is gone. I’ve used the same stack across CheckHowMuch.sg (9,700+ pages on HDB resale data) and now this. Once you have the workflow, it scales. I did this one pro bono, just for fun. Reached out to the Chang Clan and we’ve got a meeting set up for late May. I’ll share more after we sit down. Stay tuned. ### Frequently asked - Can Claude Code handle bilingual websites?: Yes. Claude Code can preserve original-language content verbatim and generate parallel-language pages with shared component layouts. For the Chang Clan site, English lives at / and Chinese at /ch with identical structure and routing handled at the page level. - How long does it take to rebuild a legacy website with Claude Code?: Three hours for a 16-page bilingual site with archival heritage content. The bottleneck is not the code, it is preserving the original content faithfully and structuring it into a clean editorial layout. - Does Claude Code lose information when translating heritage content?: Not if you instruct it to preserve original-language paragraphs verbatim and only translate where requested. On the Chang Clan rebuild, the Chinese stayed verbatim and the English read as a careful translation, not a rough one. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, Singapore, Heritage, Building in Public Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog How I Built a 9,700-Page Website With Claude Code and Zero Developers I was tired of property flyers on my HDB gate. So I built CheckHowMuch.sg, a free site covering every HDB block in Singapore. Here's the full story. Best Claude Code Workshops in Singapore A working map of where to learn Claude Code in Singapore. Free meetups, free online courses, SkillsFuture-claimable programmes, and paid training for company teams, with honest pros and cons. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: How I Built a 9,700-Page Website With Claude Code and Zero Developers Source: https://keithteo.ai/blog/how-i-built-9700-pages-claude-code/ Published: 2026-03-25 I was tired of property flyers on my HDB gate. So I built CheckHowMuch.sg, a free site covering every HDB block in Singapore. Here's the full story. It started with the flyers. Every HDB owner in Singapore knows them. You come home, there’s a laminated card wedged into your gate. “Thinking of selling? Your block just transacted at $XXX,000!” Sometimes two in a week. Sometimes three. Nobody asked for them, but they keep coming. One evening I pulled two off my gate and actually read them. The numbers looked interesting. But I had no way to verify them without visiting one of those property portals. So I tried three different sites. Typed in my block. Hit search. “Enter your phone number to see the results.” Closed the tab. Next site. “Leave your details and an agent will get back to you with a valuation.” Next site. Same thing. All three are repackaging data that sits on data.gov.sg for free. 227,000+ resale transactions. Anyone can download it. But they put it behind a contact form, because the moment you hand over your number, you become a “lead.” And that lead gets sold to an agent who now thinks you’re selling. I wasn’t selling. I was just curious about my own flat. That curiosity turned into a rabbit hole. I started digging into the raw government data and realised something no property site shows you clearly: lease decay. Your HDB’s value isn’t just about what the last person paid. Every year that passes, your lease gets shorter. And the shorter it gets, the FASTER it decays. A block in Toa Payoh with 46 years left is losing 0.89% of its value per year just from the lease ticking down. A block in Tampines with 59 years left? Only 0.54%. That gap widens every year, not narrows. No property site explains this. Because they’re not built for homeowners who want to understand. They’re built to capture leads. ### So I built it myself I spent a weekend with Claude Code and coffee. No business plan. No pitch deck. No team. Just a frustration I wanted to fix. Two days later, I had CheckHowMuch.sg. The site pulls 227,000+ HDB resale transactions from the government’s open data portal, generates a page for every block in Singapore, and deploys the whole thing as a static site on Cloudflare Pages. 9,700+ pages. Every town, every block, every flat type. Resale history, price trends, lease decay analysis, valuations. All free. No login. No phone number. No contact wall. No flyers. The tech stack is simple: Astro for static site generation, Claude Code for writing the data pipeline and page templates, and Cloudflare Pages for hosting. The entire thing costs $0 per month to run. ### Everything that went wrong The “shipped in 2 days” story sounds impressive until you hear about the 16 things that almost stopped it. Within the first 48 hours: A user told me some blocks were missing entire flat types. If a flat type had zero recent transactions, I wasn’t showing it at all. Invisible homes. Another user said my valuation numbers felt too low. They were right. My formula was using town-wide averages instead of each block’s actual recent sales. A Tampines block was being compared against the entire Tampines average. I rewrote the valuation engine. I enabled an analytics tool on Cloudflare and it silently replaced my website address. The live site was pointing at a completely different server. I only noticed because I happened to check. Generating social preview images for all 9,700 blocks crashed my deploy pipeline 4 times. The image tool was eating up memory, hitting the limit at exactly 3,000 images every single time. Tried 3 different fixes before finding one that worked. My government data source changed their download link without warning. The entire system returned “page not found.” Zero data until I figured out their new setup. And the smaller stuff: a footer link to a page that didn’t exist yet, navigation pills that scrolled off-screen on mobile, postal code matching that took 3 rounds because the API only matched 6,700 of 9,700 blocks on the first try. Every single one got fixed. Most within hours of discovery. ### What the data actually shows Once the site was stable, I started digging into what the data was telling me. Some of it was surprising. Heartland HDB towns are growing FASTER than central areas. Not by a little. 35% vs 28% over five years. The towns most people dismissed as “too far” or “too ulu” (Singlish for remote, middle of nowhere) are quietly outperforming the expensive ones. 24 heartland blocks crossed $1 million for the FIRST time in Q1 2026 alone. Woodlands leads with 8 blocks. Woodlands. The town people joke about being closer to JB than to the CBD. Block 605 in Ang Mo Kio has appreciated 335.5% in 5 years. One unit sold for $1.35 million. Not a condo. An HDB flat. Block 7 in Telok Blangah has a median price of $205,000. Right next to HarbourFront and Sentosa. One of the best locations in Singapore and the most affordable block on the leaderboard. Even Yishun has a millionaire flat now. Block 650, Yishun Avenue 4. $1.1 million. ### What I actually learned Building the website from scratch was the easy part. Maintaining it, refreshing the data, adding new insights with consistent design and accurate numbers. That is where the real work is. And where I learned how to guide Claude Code to make better, more consistent decisions over time. Everyone can build a website in a weekend with AI, even if they’ve never written a line of code. The hard part is week two, when you need to refresh the data, fix edge cases, and ship new features without breaking what already works. That is the part I now teach teams inside their own company. Not just “how to prompt” but how to build something real, maintain it, and keep shipping. The difference between a demo and a product is the 16 bugs you fix after launch. If you are doing this on your own, the free meetups are the better place to start. CheckHowMuch.sg is not a startup. It’s a thing I built because I wanted it to exist. And it turns out, when you build something useful and make it free, people share it. No marketing budget required. It’s one of several real things I’ve built with Claude Code, and you don’t need to be a developer to start doing the same. If you own an HDB flat, go check your block. Check your block on CheckHowMuch.sg → For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, Singapore, HDB, Building in Public Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Rebuilding an 88-Year-Old Singapore Heritage Site With Claude Code How I rebuilt the Chang Clan General Association website with Claude Code. 16 bilingual pages, 88 years of heritage preserved, in three hours. Best Claude Code Workshops in Singapore A working map of where to learn Claude Code in Singapore. Free meetups, free online courses, SkillsFuture-claimable programmes, and paid training for company teams, with honest pros and cons. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: I Built a To-Do System Where Claude Code and My Browser Share the Same File Source: https://keithteo.ai/blog/local-html-persistent-data-claude-code/ Published: 2026-03-25 Every to-do app breaks the same way for me. So I built one as a single HTML file that syncs with Claude Code through a shared markdown file. No server, no database, no account. I’ve tried every to-do app. Notion. Todoist. Linear. Apple Reminders. They all break the same way for me. Not because they’re bad products. They break because they live in a tab I forget to open. Or behind a login I don’t feel like doing. Or they organise tasks the way THEY think I should, not the way my brain actually works. Here’s what I actually need: I’m running 5 projects at the same time. An AI SaaS product, a workshop business, a data website, content marketing, and product builds. Some tasks are urgent. Some are important. Most feel like both, but aren’t. I need to see all of them ranked by what actually matters, not sorted alphabetically or by due date. And here’s the thing that no to-do app handles: I work with Claude Code 8+ hours a day. Claude builds my websites. Claude writes my content pipelines. Claude deploys my projects. Half the time, a task gets completed INSIDE a Claude session. I’ll say “add street-level rankings to the block pages” and 20 minutes later it’s done. But my to-do list doesn’t know that. It’s sitting in some other app, still showing the task as open. I have to manually go find it and check it off. Or I forget, and my list slowly fills up with ghost tasks that were finished days ago. I wanted something where Claude could just mark things done when they’re done. No API integration. No webhook. No third-party sync. Just… update the same list I’m looking at. ### The obvious solution that doesn’t work My first idea: build a to-do list as a single HTML file. Double-click to open, see my tasks, check them off. Simple. The first version used localStorage to save state. It works. You check a box, close the tab, reopen it, the box is still checked. But localStorage lives inside Chrome’s internal database. It’s a LevelDB binary buried in your system files. You can’t read it. You can’t edit it with a text editor. If you clear your browser data, it’s gone. If you open the same file in a different browser, blank slate. And Claude Code can’t reach it. The whole point was having a shared system, and localStorage is a black box that only Chrome can see. ### ”Can’t you just save it to a .md file?” That was my exact question. Just write the data to a markdown file on my desktop. Claude can read and edit markdown files natively. Problem solved. Except browsers won’t let you do that. For good reason. Imagine if any HTML file you opened could silently read and write files on your computer. You’d visit one dodgy webpage and it could scan your Documents folder. So browsers block all local file access by default. That left me with three options: Export/import buttons. Download a JSON backup, re-upload it next session. Functional, but defeats the purpose. I’d have to remember to export every time. I would absolutely forget. Run a tiny local server. A Node script that serves the HTML and handles file I/O. Works perfectly, but now I need to start a server every morning just to see my tasks. Not “double-click and go.” File System Access API. A browser API that lets a webpage request permission to read and write a specific file on your computer. You pick the file once, the browser remembers, and it reads/writes directly. No server needed. Option 3 won. ### How it works now Two files on my desktop. That’s the entire system. accountability-tracker.html is the interface. Double-click to open. It renders my revenue targets, Eisenhower priority matrix, per-project task lists, sales pipeline, warm leads with copy-paste conversation starters, and a daily journal. keith-accountability.md is the data. Plain markdown. Looks like this: ## Workshop Revenue - Seats Sold: 2 - Revenue Collected: 200 ## Tasks ### Cclarity - [ ] DM 5 warm profile viewers this week | urgent | important Alex, Sarah, James, Priya, Daniel. Conversation starters in Warm Leads. - [x] Follow up with workshop sign-ups | urgent | important Confirm attendance, send prep checklist. ### Data Website - [ ] Pitch data story to 4 media outlets | not-urgent | important Original research angle. One pickup = 10x traffic. ## Journal ### 2026-03-25 Sent 3 DMs today. Alex responded, wants to chat Thursday. The first time I open the tracker, I click “Open Tracker File” and select the .md file. After that, Chrome remembers which file to use. Every change I make in the browser, checking a task, updating a pipeline number, writing a journal entry, writes back to the .md file immediately. And here’s the part that makes it all worth it: Claude Code can read and update the same file. If I want to add a task during a coding session, I say “add this to my tracker.” Claude opens keith-accountability.md, adds the line, and saves. Next time I open my tracker in Chrome, it’s there. Marking things done is intentionally manual. I don’t want Claude auto-checking tasks off just because some code shipped. “Shipped” and “done” aren’t always the same thing. Sometimes I want to verify. Sometimes the task was “ship AND test AND tell the client.” So Claude can add tasks, update descriptions, reorder priorities. But the checkbox stays mine. No sync delay. No API. No account. Claude and my browser are literally editing the same text file. ### Why not just use the markdown file directly? Fair question. If the .md file is the source of truth, why do I need the HTML interface at all? Because a raw markdown file doesn’t show me my Eisenhower matrix. It doesn’t show me a revenue progress bar filling up. It doesn’t give me a countdown telling me I have 36 days until my deadline. It doesn’t group the same tasks into two views, one strategic, one operational, without duplicating them. The markdown file is for storage and interoperability. The HTML file is for thinking. ### The Eisenhower matrix was the real unlock Once persistence worked, I started actually using this daily. And I immediately hit a new problem: I had tasks across 5 projects and no way to see what was ACTUALLY urgent versus what just felt urgent. I added an Eisenhower matrix at the top. Four quadrants: Do First (urgent + important), Schedule (important, not urgent), Delegate (urgent, not important), Eliminate (neither). Filter pills let me switch between all projects or drill into one. The design decision that mattered: tasks added to the matrix ALSO appear in their project section below. Same data, two views. The matrix tells me “what should I do RIGHT NOW.” The project sections tell me “what’s the full picture for CheckHowMuch.” I don’t maintain two lists. The .md file stores each task once, with pipe-delimited priority tags: - [ ] Task title | urgent | important The HTML parser reads those tags and sorts tasks into the correct quadrant automatically. ### Making it feel alive The functional version worked. But it felt flat. Every number just appeared. Every interaction was instant with no feedback. It felt like a spreadsheet wearing nice clothes. I went through my UI component library (UseLayouts and TripleD catalogues) and picked 6 targeted improvements: Counter-up animation. When the page loads, the countdown numbers, scorecard, and pipeline all animate up from zero. Takes 600-800ms with an ease-out cubic curve. The page feels like it’s waking up. Number pop. When you click +/- on any counter, the number briefly scales up 20% then bounces back. A tiny thing, but it makes every click feel like it registered. Staggered task entrance. When you switch the matrix filter, tasks don’t all appear at once. They fade in one by one with 40ms delays. Makes filter changes feel smooth instead of jarring. Checkbox draw-in. The checkmark SVG stroke animates along its path using stroke-dashoffset. Combined with a subtle scale bounce on the circle. Checking off a task feels intentional. Progress bar shimmer. The revenue progress fills have a sweeping highlight animation. Subtle, but it draws the eye to the numbers that matter most. Card hover lift. Every card lifts 2px on hover with a deeper shadow, using spring easing (cubic-bezier(0.34, 1.56, 0.64, 1)). Makes the whole page feel interactive without being distracting. One bug I caught early: the staggered entrance animation was replaying every time ANY part of the page updated. Click +1 on workshop seats, and all the matrix tasks would blink. The fix was surgical rendering. Instead of calling render() (which rebuilds everything), each action only re-renders the sections it actually changes. updateSeats() only calls renderRevenue(). toggleTask() only calls renderMatrix() and renderProjects(). ### What I’d do differently If I were starting over: I’d use the File System Access API from day one. The localStorage detour taught me something, but it was time I didn’t need to spend. If your HTML tool needs persistent data and you’re the only user, this API is the answer. I’d design the .md format more carefully upfront. I went through two iterations of the task format before landing on - [ ] Title | urgent | important with indented descriptions. Getting the parser right the first time would have saved some back-and-forth. I’d separate render functions from the start. The “render everything on every change” pattern is fine for small apps, but the moment you add CSS animations, it creates visual bugs. Targeted rendering should be the default. ### Why this actually changed my mornings I’ve tried to-do apps that cost $15/month. I’ve tried Notion databases with 12 properties per task. I’ve tried a plain text file. None of them stuck longer than two weeks. This one stuck because it removed every friction point that made me stop using the others. No login. Double-click a file. No sync issues. It’s one file on my desktop. No “I forgot to add it.” Claude adds tasks for me during work sessions, so nothing falls through the cracks. No “everything looks equally important.” The Eisenhower matrix forces me to be honest about what’s urgent versus what’s comfortable. I open it every morning now. I see 36 days until my deadline. I see which DMs I haven’t sent. I see the media pitch sitting in “Schedule” that I keep avoiding. And I see the tasks Claude added yesterday during a build session that I’d already forgotten about. The whole system is two files. One is 97 lines of markdown. The other is an HTML file I’ll probably never touch again. The best productivity tool isn’t the one with the most features. It’s the one you don’t have to think about using. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group Claude Code, Building in Public, Productivity Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Rebuilding an 88-Year-Old Singapore Heritage Site With Claude Code How I rebuilt the Chang Clan General Association website with Claude Code. 16 bilingual pages, 88 years of heritage preserved, in three hours. How I Built a 9,700-Page Website With Claude Code and Zero Developers I was tired of property flyers on my HDB gate. So I built CheckHowMuch.sg, a free site covering every HDB block in Singapore. Here's the full story. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. ### Blog: What Happens When Every Employee Has AI Agents? Source: https://keithteo.ai/blog/openclaw-singapore-ai-agents/ Published: 2026-03-24 I attended the OpenClaw Singapore meetup at Amazon's office. The tech is impressive, but the real question is what happens when every employee has AI agents. Yesterday I was at Amazon’s Singapore office for the OpenClaw community meetup. Over 400 people showed up. If you haven’t come across OpenClaw, it’s an open-source personal AI assistant built by Peter Steinberger. You run it on your own machine. It connects to WhatsApp, Telegram, Slack, Discord, basically any messaging channel you already use. And it DOES things. Clears your inbox, manages your calendar, runs shell commands, writes and executes code. It’s not a chatbot. It’s closer to having a full-time assistant who never sleeps. The growth has been staggering. OpenClaw went from zero to 250,000+ GitHub stars in under four months. To put that in perspective, it surpassed the Linux kernel (which took 30+ years to reach 218K stars) and then overtook React to become the most-starred software project on GitHub. That kind of trajectory doesn’t happen with developer tools very often. The energy in the room was exactly what you’d expect when 400 people realise they’re looking at something that fundamentally shifts how they work. ### The open-source advantage (and its biggest risk) OpenClaw grew fast precisely because it’s open source. Anyone can inspect the code, build skills on top of it, extend it in ways the original team never imagined. The community is moving at a speed that closed-source products simply cannot match. But that same openness introduces real security concerns. One of the sessions that stuck with me was about prompt injection risks. When you give an AI agent access to your email, your calendar, your file system, and your messaging apps, you’re handing it the keys to your digital life. A carefully crafted message from a stranger could, in theory, instruct your agent to do something you never intended. Forward sensitive emails. Modify files. Send messages on your behalf. This isn’t hypothetical. It’s a known class of vulnerability, and the OpenClaw community is actively working on it. But the reality is, unless these security issues are properly addressed, OpenClaw will always be best suited for personal use. Which is fine. Steinberger himself has said OpenClaw is meant to be your personal assistant. That’s the vision, and it’s a good one. But it does mean there’s a ceiling on where this specific tool can go inside organisations. ### The real question isn’t about OpenClaw What I keep coming back to is bigger than any single tool. AI agents are GENUINELY powerful. I’ve seen people automate hours of daily work into minutes. I’ve watched agents coordinate across tools, make decisions, and execute multi-step workflows that would normally require a person switching between six different apps. I built a 9,700-page website using AI tools with no developers. As a non-technical founder, I’m now writing production code alongside my engineer. The leverage is real. The productivity gain is not incremental. It’s multiplicative. So here’s what I’m actually thinking about: if every individual can now have a team of personal AI agents handling their email, their scheduling, their research, their first drafts, their code reviews, what does that mean for how teams function? When one person can do the work of three, what happens to team structures? When everyone has agents working in parallel, how do you coordinate? When your agent and my agent need to collaborate, what does that workflow even look like? ### From personal assistants to organisational intelligence Right now, the conversation is mostly about individual productivity. “Look what my AI agent can do.” And that’s exciting. But the harder, more interesting problem is the organisational one. How do you go from “I have a personal assistant” to “our company operates with AI agents as core team members”? That requires thinking about: - Governance. Who approves what an agent can do? What are the boundaries? - Security. How do you prevent one compromised agent from accessing everything? - Coordination. How do agents across a team share context without duplicating work or creating conflicts? - Accountability. When an agent makes a mistake, who owns it? None of these are solved yet. And they won’t be solved by better models or faster inference. They’ll be solved by the people who figure out the frameworks, the processes, and the organisational design around these tools. ### What I took away from that room 400+ people in Singapore, on a Monday evening, at Amazon’s office, talking about AI agents. The builder energy in this city is real. The tech will keep improving. OpenClaw will get more secure. New tools will emerge. That part is inevitable. The part that isn’t inevitable is how quickly organisations figure out how to actually use this. Not as a novelty. Not as a personal productivity hack. But as a fundamental rethinking of how work gets done. That’s the question worth sitting with. For Singapore founders & operators ### Become a Power User Free meetups in Singapore for founders, operators, and AI-curious professionals putting AI to work. Join the WhatsApp group AI Agents, OpenClaw, Singapore Keith Teo builds AI-powered products and teaches others to do the same. ### More from the blog Who Actually Turns Up to AI Meetups in Singapore Data from 625 people who signed up to seven AI meetups in Singapore. Founders outnumber engineers three to one, and only 6.2% of the room works in engineering. Best Claude Code Workshops in Singapore A working map of where to learn Claude Code in Singapore. Free meetups, free online courses, SkillsFuture-claimable programmes, and paid training for company teams, with honest pros and cons. ### Projects Moonlit Lanterns An interactive Mid-Autumn collection of six paper lanterns. Turn them, flick them, and hold them up to the wind. Built with Codex and Three.js. One Big Guide Free AI marketing guides, each with the working prompt and Claude skill built in. Read the guide free, then unlock the tools when you sign up. Built with Claude Code. --- ## The workshop: Build Your Own Website in One Day Source: https://keithteo.ai/workshop/ Claude Code training · For teams · Singapore ### Your team ships with Claude Code. In one day. A private workshop delivered to your company. Everyone leaves with something live that they own. No developer needed. Each person builds and deploys a real site or tool with Claude Code, then keeps building after. Enquire for your team See what alumni built S$397 per person. Minimum 10 people. Delivered at your office. Built in the room ### Real people, real sites, real domains. Nine alumni sites so far, seven from public cohorts and two from a private session for a financial advisory team in August 2026. Jason Sim District Director, Huttons Asia Self-guided property advisory built to win clients through content Samantha Leo Workshop alumna A browser-based guitar tuner with a lunar twist, shipped live Ma Yong Li Financial adviser, Finexis Advisory First website ever, live on his own domain See all alumni sites "The biggest thing I walked away with was the support on getting my site live. Everyone says it's so easy with AI, but no one talks about the technical bits, connecting GitHub, Cloudflare, actually deploying it. A friend of mine spent half a day and gave up. Keith's workshop was the missing piece." Pallavi Misra "I came in thinking it would be quite technical, but Keith made it really practical and easy to follow. I walked away feeling like 'oh, I can do this too'. It changed how I see and use AI, and gave me the confidence to start building on my own." Catherine Chua How the day runs ### One day. Everyone ships. 9:00 Welcome and setup 10:15 Plan and build your site 12:30 Deploy, your site goes live 2:00 Lunch, one hour 3:00 Polish, then show and tell #### Each person gets - A seat on the day - The setup guide sent before - Templates and the step-by-step reference - Support after, from Keith and the alumni group #### Bring - Laptop and charger - A paid Claude Pro account - An idea of what your site is about ### Hi, I'm Keith. I've spent 13 years building products and leading teams at companies like Grab. I run every session myself, no other trainers, no handoff. Along the way, I discovered that AI tools like Claude Code had changed what was possible. I built CheckHowMuch.sg, a 9,700+ page property intelligence site, without a single developer. No agency. No WordPress. Just me, a laptop, and a conversation with an AI. Now I bring that into companies. Not because every team needs a 9,700-page site, but because every team has people who could ship real things themselves, given one focused day. 13+ years in product 9,700+ pages built SMU Academy trainer Pricing ### S$397 per person. Minimum ten. That covers a seat on the day, the setup guide, the templates, and support afterwards. Ten people is the minimum for a private session, so an engagement starts at S$3,970. Delivered in person in Singapore, at your office or a venue you choose. Invoiced to the company. #### What we need from you A date, a room with wifi and power, and the list of participants. Book a 15-minute call Message on LinkedIn Questions ### Common questions Does anyone on the team need to know how to code? No. This workshop is designed for non-technical people. If someone can use a computer, they can do this. What does each person actually build? A real site or internal tool of their own, deployed on a free host, on a domain they control. They keep it. What do we need to prepare? A laptop and charger, a paid Claude Pro account per person, and an idea each. The setup guide arrives a week before. How many people can join one session? Minimum ten people. Comfortable up to about fifteen so everyone gets hands-on help. Larger teams run two sessions. What happens after the day? Support continues. Questions go to Keith and the alumni group, plus the templates and reference stay available. How is this different from a talk or a demo? Nobody watches. Everyone builds, deploys and shows what they made by 3:45pm. ### Bring Claude Code to your team. One day, in person, everyone ships. From ten people. Book a 15-minute call --- ## Contact - Email: keith@cclarity.io - LinkedIn: https://linkedin.com/in/keithteo36/ - Privacy: https://keithteo.ai/privacy/ - Terms: https://keithteo.ai/terms/