Nơi tôi chia sẻ kiến thức từ công việc và những điều nhỏ trong cuộc sống.
Claude Code là gì? Cài đặt và chạy lệnh đầu tiên khi chưa biết code
Hướng dẫn cho người chưa từng mở terminal: Claude Code là gì, cần chuẩn bị gì, cài trên macOS và Windows, chạy phiên đầu tiên và sửa các lỗi hay gặp. Mọi lệnh lấy từ tài liệu chính thức của Anthropic.
Working· 2026-10-04
Claude Code cho designer: biến thiết kế Figma thành trang chạy được
Cách một designer dùng Claude Code để đưa thiết kế từ Figma thành trang web thật: chuẩn bị gì, viết quy tắc cho AI ra sao, quy trình sáu bước và những lỗi tôi đã gặp khi dựng chính site này.
Working· 2026-10-04
Claude là gì? Hướng dẫn cho người chưa dùng AI bao giờ
Claude là trợ lý AI của Anthropic. Bài này giải thích Claude làm được gì, gói miễn phí và trả phí khác nhau ra sao, cách mở cuộc trò chuyện đầu tiên, và những chỗ Claude hay sai mà người mới nên biết. Mọi tính năng và giá đều kiểm ở trang chính thức.
Working· 2026-10-04
Skills trong Claude Code: dạy Claude làm theo cách của bạn
Skill là một thư mục có file SKILL.md chứa hướng dẫn Claude tự nạp khi việc bạn giao khớp với mô tả. Bài giải thích skill là gì, nằm ở đâu, frontmatter gồm những trường nào, cách tạo một skill rà soát tương phản cho designer và rủi ro khi cài skill của người khác.
Working· 2026-10-04
DESIGN.md là gì? Cho AI đọc design system của bạn
DESIGN.md là một file Markdown mô tả design system cho AI agent: token ở đầu file, lý do thiết kế ở phần chữ. Bài này giải thích định dạng, so sánh với Figma variables và CLAUDE.md, và kể cách tôi dùng nó cho chính site này.
Working· 2026-10-04
Designer cần biết HTML/CSS đến mức nào trong thời AI?
AI viết được giao diện, nhưng người duyệt vẫn phải đọc được code. Lộ trình tối thiểu cho designer: năm khái niệm CSS nên học trước, bảng đối chiếu Figma với CSS, và danh sách những thứ AI chưa tự kiểm thay bạn.
Working· 2026-10-04
Auto layout trong Figma là gì? Cách dùng không bị rối
Hug, Fill, Fixed, gap, wrap, grid và Ignore auto layout giải thích bằng bảng, kèm các lỗi người mới hay gặp và cách mỗi thiết lập tương ứng với flexbox trong CSS.
Working· 2026-10-04
Component và Variant trong Figma: làm đúng từ đầu
Khi nào dùng variant, khi nào dùng component property hay tách component riêng. Cách đặt tên, nested instance, swap, các lỗi làm thư viện phình to, và cách variant thành props trong code.
Working· 2026-10-04
Figma Make là gì? Tạo prototype bằng câu lệnh
Figma Make biến câu lệnh và frame Figma thành prototype có code chạy được. Bài này nói nó làm được gì, gói miễn phí dùng tới đâu, cách viết câu lệnh đầu tiên và những chỗ nó còn hụt.
Working· 2026-10-04
Figma MCP và Claude Code: lấy token và component ra code
Cài Figma MCP vào Claude Code bằng một lệnh, rồi dùng nó để kéo variable thành token CSS và frame thành component đúng quy ước dự án. Kèm giới hạn lượt gọi theo gói Figma và các lỗi hay gặp.
Working· 2026-10-04
Học Figma từ số 0: lộ trình 7 ngày cho người mới
Mỗi ngày một kỹ năng, một bài tập 30–60 phút và một kết quả cụ thể. Sau một tuần bạn có một màn hình đăng ký dựng bằng auto layout, component và một prototype bấm thử được.
Working· 2026-10-04
MCP là gì? Nối Claude với Figma, Slack và Notion
MCP (Model Context Protocol) là chuẩn mở để Claude đọc dữ liệu và thao tác trên công cụ bạn đang dùng. Bài giải thích MCP ở mức khái niệm, cách thêm server vào Claude Code bằng lệnh claude mcp add, ba phạm vi cài đặt và rủi ro khi cài server từ nguồn lạ.
Working· 2026-10-04