Dan Tech Academy

Nút Copy Markdown cho AI Workflow

Nút copy markdown một-click cho tích hợp AI workflow. Tối ưu sử dụng ChatGPT, Claude và note-taking.

Tại sao cần thêm tính năng này

Copy nội dung blog sang ChatGPT 10 lần mỗi ngày? Có cách tốt hơn.

Developers dùng AI tools hàng ngày. Note-taking apps cần raw markdown. Mình cần giải pháp one-click.

Giải pháp

'use client'

export function CopyRawContent({ rawContent }: { rawContent: string }) {
  const [copied, setCopied] = useState(false)

  const handleCopy = async () => {
    await navigator.clipboard.writeText(rawContent)
    setCopied(true)
    setTimeout(() => setCopied(false), 2000)
  }

  return <button onClick={handleCopy}>{copied ? 'Copied!' : 'Copy Page MD'}</button>
}

Tính năng: Visual feedback, Clipboard API, timer cleanup, accessible.

Use Cases

  1. Code Review → Copy → ChatGPT → "Review this"
  2. Học tập → Copy → Claude → "Explain simpler"
  3. Knowledge Base → Copy → Obsidian/Notion

Thử ngay

Cuộn lên đầu trang, click "Copy Page MD", paste vào AI tool của bạn!


Đọc blog thì vui. Đi theo lộ trình thì đến đích.

Kotlin Android Roadmap sắp xếp các bài Android Mastery, OOP và Design Patterns thành 5 cấp độ - từ dòng Kotlin đầu tiên đến app lên store.

Kèm bài viết mới mỗi tuần. Huỷ bất cứ lúc nào.