Claude.ai

## TL;DR

**Claude.ai** là ứng dụng web chính thức của Anthropic — nơi Claude bao gồm chat, Projects, và Artifacts, có sẵn trên trình duyệt và app iOS. Đây là điểm bắt đầu cho hầu hết mọi người, kể cả tài khoản miễn phí.

Ghi chú này tổng hợp từ tài liệu chính thức của Anthropic để bạn biết Claude.ai có gì, gì xứng đáng dùng, và lúc nào nên chuyển sang Claude Code.

## Projects — workspace có ngữ cảnh

Projects là điểm khác biệt lớn nhất giữa "chat một lần" và "làm việc thật sự".



Mỗi Project có:

- **Project knowledge** — nơi tải tài liệu, code, file để Claude tham chiếu trong mọi chat thuộc project đó.
- **Custom instructions** — chỉ dẫn riêng cho project (giọng văn, vai trò, ràng buộc).
- **Chat history** — toàn bộ lịch sử chat tách biệt với các project khác.
- **Context window 200K** — tương đương ~500 trang sách.

Với gói trả phí (Pro / Max / Team / Enterprise), Claude tự động bật **RAG mode** khi knowledge base lớn.

**Giới hạn:**

- Free: tối đa **5 projects**.
- Paid: không giới hạn số lượng + RAG.
- Team / Enterprise: chia sẻ project theo email, theo tổ chức, với hai mức quyền `Can use` và `Can edit`.

**Khi nên dùng Projects:**

- Codebase nhỏ-vừa cần Claude hiểu xuyên suốt nhiều phiên.
- Style guide, brand voice, tài liệu nội bộ cần Claude nhớ.
- Một dự án viết lách, nghiên cứu, hoặc tư vấn kéo dài nhiều tuần.

## Artifacts — cửa sổ riêng cho output

Artifacts xuất hiện khi nội dung tức là cái bạn muốn sửa, lặp, hoặc tái sử dụng ngoài chat.

Nội dung được hỗ trợ:

- Documents (Markdown / plain text)
- Code snippets
- Single-page HTML websites
- SVG images
- Diagrams và flowcharts (Mermaid)
- **Interactive React components**

Khả năng nâng cao (Pro+):

- **AI-powered artifacts** — nhúng intelligence của Claude vào artifact của bạn. 
- Khi bạn share, người khác chạy được mà không cần API key, mỗi user trả phí từ subscription của họ.
- **MCP integration** — kết nối Asana, Google Calendar, Slack, hoặc MCP server tự build.
- **Persistent storage** — artifact có state, 20 MB mỗi artifact, lưu data cá nhân hoặc shared.
- **Version selector** — chuyển qua lại giữa các phiên bản đã tạo.

Bật/tắt qua **Settings > Capabilities > Artifacts**.

## Connectors / MCP — Claude vươn ra ngoài chat

Thông qua Model Context Protocol, Claude.ai có thể đọc Google Drive, cập nhật Jira, lấy dữ liệu Slack, hoặc gọi công cụ riêng của bạn.

Ở Claude.ai (Pro trở lên), bạn vào **Settings > Connectors** để thêm. Mỗi connector cấp Claude thêm tool và resource — Claude tự gọi khi cần thay vì bạn phải copy-paste data.

## Sharing và publishing

- **Share chat** — gửi link chat dưới dạng read-only.
- **Share artifact** — bất kỳ ai có link đều dùng được; nếu là AI-powered artifact, họ chạy bằng subscription của họ.
- **Team activity feed** (Team plan) — chia sẻ snapshot chat hay nhất với đồng đội để truyền cảm hứng và giảm trùng lặp.

## Khi nào dùng Claude.ai, khi nào dùng Claude Code

Đây là câu hỏi cộng đồng hay hỏi nhất. Cách phân:

| Tình huống | Nên dùng |
| --- | --- |
| Brainstorm, viết, nghiên cứu, làm slide | **Claude.ai** |
| Sinh prototype UI, mockup tương tác, dashboard nhỏ | **Claude.ai** (Artifacts) |
| Phân tích document, hợp đồng, file lớn | **Claude.ai** (Projects) |
| Sửa code thực tế trong repo, chạy test, mở PR | **Claude Code** |
| Refactor đa file, migrate codebase | **Claude Code** |
| CI/CD, hook, automation | **Claude Code** (`-p`) |
| Cần hành động trên file hệ thống cục bộ | **Claude Code** |

Claude Code chạy được cả [trên web tại claude.ai/code](https://claude.ai/code) — tức là bạn có thể kick task dài rồi quay lại sau, không cần máy mở.

## Tier và giới hạn

Từ trang [claude.com/pricing](https://claude.com/pricing):

- **Free** — Claude.ai với giới hạn usage hằng ngày, tối đa 5 projects, không có Claude Code đầy đủ.
- **Pro** — usage cao hơn, projects không giới hạn, Artifacts đầy đủ, Connectors, Claude Code bao gồm.
- **Max** — usage cao nhất cho cá nhân power user.
- **Team** — multi-user, shared projects, billing tập trung.
- **Enterprise** — SSO, audit, data residency, hỗ trợ dedicated.

## Mẹo dùng hằng ngày

- **Đặt tên Project rõ ràng** — bạn sẽ có nhiều hơn bạn nghĩ.
- **Project knowledge nên gọn** — đẩy hết file vào không phải lúc nào cũng tốt; chọn lọc mới khiến RAG truy được đúng.
- **Custom instructions ngắn** — giống CLAUDE.md, càng dài càng dễ bị bỏ qua.
- **Artifact dùng version selector** — đừng sợ thử nghiệm; rollback dễ.
- **Khi cần code thật**, mở Claude Code trong terminal hoặc trên web — đừng cố ép Claude.ai làm việc của Claude Code.

## Tài liệu chính thức

- Projects: [support.claude.com/en/articles/9517075](https://support.claude.com/en/articles/9517075-what-are-projects)
- Artifacts: [support.claude.com/en/articles/9487310](https://support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them)
- Pricing: [claude.com/pricing](https://claude.com/pricing)
- MCP: [modelcontextprotocol.io](https://modelcontextprotocol.io)

**Claude.ai** is Anthropic's official web app — where Claude lives as chats, Projects, and Artifacts, available in any browser and the iOS app. It's where most people start, including free accounts.

These notes are sourced from Anthropic's own documentation at [support.claude.com](https://support.claude.com) — not personal lore — so you know what Claude.ai actually offers, what's worth using, and when to graduate to Claude Code.

## Projects — workspaces with context

Projects are the biggest jump from "one-shot chat" to "actual work."

> "Projects allow you to create self-contained workspaces with their own chat histories and knowledge bases."

> — Anthropic Support

Each Project has:

- **Project knowledge** — upload documents, code, files that Claude references in every chat in that project.
- **Custom instructions** — per-project guidance (tone, role, constraints).
- **Chat history** — fully isolated from other projects.
- **200K context window** — about 500 pages of text.

On paid tiers (Pro / Max / Team / Enterprise), Claude automatically enables **RAG mode** when the knowledge base is large — _"Claude seamlessly enables RAG mode to expand capacity by up to 10x while maintaining response quality."_

**Limits:**

- Free: up to **5 projects**.
- Paid: unlimited + RAG.
- Team / Enterprise: share by email or org-wide, with `Can use` and `Can edit` permission tiers.

**When to use Projects:**

- Small-to-medium codebases you want Claude to grok across sessions.
- Style guides, brand voice, internal docs Claude should remember.
- Long-running writing, research, or advisory work.

## Artifacts — a dedicated window for output worth keeping

Artifacts appear when content is _"significant and self-contained, typically over 15 lines"_ — i.e. something you'd edit, iterate on, or reuse outside the chat.

Supported types:

- Documents (Markdown / plain text)
- Code snippets
- Single-page HTML websites
- SVG images
- Diagrams and flowcharts (Mermaid)
- **Interactive React components**

Advanced features (Pro+):

- **AI-powered artifacts** — embed Claude's intelligence into your artifact. _"Users of your artifacts can access Claude's intelligence through a text-based API."_ When you share, anyone can run it without an API key — _"no API keys required, and no costs to you"_; usage charges to each user's subscription.
- **MCP integration** — connect Asana, Google Calendar, Slack, or your own MCP servers.
- **Persistent storage** — stateful artifacts up to 20 MB each, supporting personal or shared data.
- **Version selector** — switch between artifact versions.

Toggle via **Settings > Capabilities > Artifacts**.

## Connectors / MCP — Claude reaches beyond the chat

Through the Model Context Protocol, Claude.ai can read Google Drive, update Jira, pull Slack data, or call your own tooling.

> "MCP is an open-source standard for connecting AI applications to external systems. \[...\] Think of MCP like a USB-C port for AI applications."

> — modelcontextprotocol.io

In Claude.ai (Pro and up), open **Settings > Connectors** to add them. Each connector exposes tools and resources to Claude, which it calls on demand instead of you copy-pasting data.

## Sharing and publishing

- **Share chat** — read-only link to a conversation.
- **Share artifact** — anyone with the link can use it; AI-powered artifacts run on the viewer's own subscription.
- **Team activity feed** (Team plan) — share your best chats with teammates to inspire and reduce duplicated work.

## When to use Claude.ai vs Claude Code

The most-asked question in the community. A clean split:

| Situation | Use |
| --- | --- |
| Brainstorming, writing, research, slide prep | **Claude.ai** |
| UI prototypes, interactive mockups, small dashboards | **Claude.ai** (Artifacts) |
| Analyzing documents, contracts, large files | **Claude.ai** (Projects) |
| Real code edits in a repo, running tests, opening PRs | **Claude Code** |
| Multi-file refactors, codebase migrations | **Claude Code** |
| CI/CD, hooks, automation | **Claude Code** (`-p`) |
| Acting on local filesystem | **Claude Code** |

Claude Code itself runs in the browser at [claude.ai/code](https://claude.ai/code) — kick off a long task and come back later, no laptop required.

## Tiers and limits

From [claude.com/pricing](https://claude.com/pricing):

- **Free** — Claude.ai with daily caps, up to 5 projects, no full Claude Code.
- **Pro** — higher caps, unlimited projects, full Artifacts, Connectors, Claude Code included.
- **Max** — highest caps for individual power users.
- **Team** — multi-user, shared projects, central billing.
- **Enterprise** — SSO, audit, data residency, dedicated support.

## Daily-use tips

- **Name Projects clearly** — you'll have more of them than you expect.
- **Keep project knowledge focused** — dumping every file isn't always best; curate so RAG retrieves the right things.
- **Custom instructions stay short** — like CLAUDE.md, longer means less obeyed.
- **Use the Artifact version selector** — experiment freely; rollback is one click.
- **When you need real code work**, open Claude Code (terminal or web) — don't try to force Claude.ai into Claude Code's job.

## Official sources

- Projects: [support.claude.com/en/articles/9517075](https://support.claude.com/en/articles/9517075-what-are-projects)
- Artifacts: [support.claude.com/en/articles/9487310](https://support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them)
- Pricing: [claude.com/pricing](https://claude.com/pricing)
- MCP: [modelcontextprotocol.io](https://modelcontextprotocol.io)