Vibe Coding notes

This note covers Vibe Coding—using AI agents like Claude Code to write code. For general AI service usage, see this note. For API comparisons, check this note.

I mainly use Claude Code in Cursor. This note covers everything about Cursor, Antigravity, Claude Code, and other tools—but focuses primarily on Claude Code.

Tools

Maketplace for Skills: Vercel’s Skills, skillsmp

Skill_Seekers — Convert documentation websites, GitHub repositories, and PDFs into Claude AI skills with automatic conflict detection

MCP marketplace: Cursor’s, modelcontextprotocol/servers

Claude-Usage-Tracker — If you have multiple Claude accounts, this tool tracks each account's usage and displays stats in the menubar. Note that it doesn't track usage per conversation. To see tokens used in each conversation, use sniffly instead.

sniffly — Claude Code dashboard with usage stats, error analysis, and sharable feature. Use this to know which prompt uses how many tokens.

claude-mem: A Claude Code plugin that automatically captures everything Claude does during your coding sessions, compresses it with AI (using Claude's agent-sdk), and injects relevant context back into future sessions.

⚠️ Be careful when working with Xcode projects. Claude-mem creates multiple CLAUDE.md files in subfolders, causing Xcode to fail builds due to duplicate file errors. You'll need to manually ignore these files (which is tedious) for the project to build successfully. I don't use this tool in Xcode projects.

CLIProxyAPI — Wrap Gemini CLI, Antigravity, ChatGPT Codex, Claude Code, Qwen Code, iFlow as an OpenAI/Gemini/Claude/Codex compatible API service, allowing you to enjoy the free Gemini 2.5 Pro, GPT 5, Claude, Qwen model through API

spec-kit — An open source toolkit that allows you to focus on product scenarios and predictable outcomes instead of vibe coding every piece from scratch.

Alternative to (and compatible with) Claude Code: Z.ai's GLM Coding, which is much cheaper.

Good to read

Claude Code: Best practices for agentic coding | Anthropic

Skill authoring best practices | Anthropic

Goon's Solo Playbook | Substack

ykdojo/claude-code-tips

awesome-claude-code

Notes

Use cmd+esc to automatically focus in the claude code input field in IDE.

Use opt+k on a selection to mention this in the Claude chat.

When using the Claude Code extension, organize multiple folders under a single parent folder and create your project from that parent—rather than importing separate folders into one VSCode project. This makes it easier to reference files and folders in Claude Code.

Use local models with Claude Code → Ollama

Always look for llms.txt of a site. This doc is LLM friendly for AI services. For example AI SDK’s llms.txt

💡Prompt Repetition Improves Non-Reasoning LLMs (from Google)

Use Apple’s Icon Composer to generate a icon package for applications. This will export an .icon file that you can drag and drop into XCode project.

In order to convert this to a .png file, use below command

1/Applications/Xcode.app/Contents/Applications/Icon\ Composer.app/Contents/Executables/ictool your_app.icon --export-preview macOS Light 1024 1024 1 your_app.png

To add MCP servers to different scopes (global, local, project), read this doc.

Let CC answer in your language (but it still use English for task), set this in the ~/.claude/settings.json

1{
2	"language": "vietnamese",
3	"permissions": {}
4}

To fix warning “Warning: Running native installation but config install method is 'global’”, run claude install.

To update CC, run claude update, check the version with claude --version.

To use shift + enter, run /terminal-setup in claude. Note that, iTerms support shift+enter but Terminal.app support alt+enter instead.

When coding CLI with Claude, if you want to add something to CLAUDE.md, just add # before what you want to say, e.g. # Response in Vietnamese every question.

Using multiple Claude Code accounts?

In CLI, there are 2 ways:

Use /logout and then /login. It will generate a new token each time.

Use this script to quickly switch between accounts.

In CC VSCode extension, there are 2 ways to switch:

Switch in the CLI first, then reload the window to update the account in CC extension. Remark: you may see a wrong account when using /usage in CC extension.

Type /login and login with the account you want. This won’t affect the one in the CLI.

We can use /resume to continue a conversation where it stopped.

Cursor things

Different from VSCode, all cmd+k is replaced by cmd+r!

If you prefer a vertical activity bar like VSCode’s (for search, extensions, and other icons) instead of the horizontal layout, navigate to Settings → Workbench → Activity Bar → Orientation and change it there.