bear2u/my-skills

sudo apt-get install fonts-noto-cjk

sudo apt-get install fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk

sudo apt-get install --reinstall fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk fonts-noto-cjk-extra

sudo apt-get install --reinstall fonts-noto-cjk

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

sudo apt-get install fonts-noto-cjk

sudo apt-get install fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk

sudo apt-get install --reinstall fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk fonts-noto-cjk-extra

sudo apt-get install --reinstall fonts-noto-cjk

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

sudo apt-get install fonts-noto-cjk

sudo apt-get install fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk

sudo apt-get install --reinstall fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk fonts-noto-cjk-extra

sudo apt-get install --reinstall fonts-noto-cjk

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

sudo apt-get install fonts-noto-cjk

sudo apt-get install fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk

sudo apt-get install --reinstall fonts-noto-cjk

sudo apt-get update

sudo apt-get install -y fonts-noto-cjk fonts-noto-cjk-extra

sudo apt-get install --reinstall fonts-noto-cjk

#!/usr/bin/env python3

#!/usr/bin/env python3

#!/usr/bin/env python3

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

- Claim the exact tab object returned by `openTabs()` with `browser.user.claimTab(...)`.    - Do not use `browser.tabs.new()` as the default first move. Opening a new tab can land in the wrong/free account.    - If no suitable ChatGPT tab i

- Do not use `browser.tabs.new()` as the default first move. Opening a new tab can land in the wrong/free account.    - If no suitable ChatGPT tab is available, ask the user to open `https://chatgpt.com/` in the already logged-in Chrome acc

- If no suitable ChatGPT tab is available, ask the user to open `https://chatgpt.com/` in the already logged-in Chrome account/profile, then continue by claiming that tab.

- If Pro status is not visible but the user explicitly requires it, stop and ask the user to make the correct Pro account/model visible. Do not treat an unconfirmed route as Pro. 4. Start a new chat inside the verified account only when nee

4. Start a new chat inside the verified account only when needed:    - Prefer the ChatGPT UI's `新聊天` control or `https://chatgpt.com/` in the already claimed/verified tab.    - Do not open a new browser window or new tab that could switch p

- Prefer the ChatGPT UI's `新聊天` control or `https://chatgpt.com/` in the already claimed/verified tab.

✅ **HonKit 통합**: GitBook 스타일의 문서 사이트 ✅ **자동 네비게이션**: SUMMARY.md 자동 업데이트 ✅ **실시간 서버**: http://localhost:4000

✅ **자동 네비게이션**: SUMMARY.md 자동 업데이트 ✅ **실시간 서버**: http://localhost:4000 ✅ **검색 기능**: 전체 문서 검색 가능

✅ **실시간 서버**: http://localhost:4000

# 브라우저: http://localhost:4000

# 브라우저에서 확인: http://localhost:4000

# Python 코드 logger = CodeChangeLogger("프로젝트", port=3000) logger.serve_docs()  # → http://localhost:3000

logger.serve_docs()  # → http://localhost:3000

- ✅ **간단한 HTML 뷰어**: 설치 불필요, Python만으로 작동 - ✅ **자동 index.html 업데이트**: 새 문서 추가 시 자동으로 파일 목록 갱신 - ✅ **실시간 서버**: http://localhost:4000에서 즉시 확인

- ✅ **자동 index.html 업데이트**: 새 문서 추가 시 자동으로 파일 목록 갱신 - ✅ **실시간 서버**: http://localhost:4000에서 즉시 확인 - ✅ **다크 모드 UI**: GitHub 스타일의 아름다운 문서 사이트

- ✅ **실시간 서버**: http://localhost:4000에서 즉시 확인

# 브라우저에서 확인 # http://localhost:4000

# http://localhost:4000

# 브라우저에서 http://localhost:4000 방문

http://localhost:4000

python3 -m http.server 4000 # → http://localhost:4000

# → http://localhost:4000

python3 -m http.server 3000 # → http://localhost:3000

# → http://localhost:3000

3. **명확한 제목**: 프로젝트명을 명확하게 작성 4. **정기적 백업**: reviews 폴더를 Git으로 관리 5. **브라우저 북마크**: http://localhost:4000 북마크 추가

5. **브라우저 북마크**: http://localhost:4000 북마크 추가

# 서버에서 확인: http://localhost:4000

# Instead of: rm -rf dist

# Use: rm -rf dist || true

@agent-youtube-transcript-analyzer what was the ironman metaphor karpathy gave in this video? I love it but forgot how it was exactly, quote him directly and explain? https://www.youtube.com/watch?v=<VIDEO_ID>

directly and explain? https://www.youtube.com/watch?v=<VIDEO_ID>

how does xyz work? https://github.com/xyz/xyz/xyz.py

https://github.com/xyz/xyz/xyz.py

give me key learnings from this video https://www.youtube.com/watch?v=<VIDEO_ID>

https://www.youtube.com/watch?v=<VIDEO_ID>

2. **"use sub agetn and give me key learnings from this video https://www.youtube.com/watch?v=<VIDEO_ID>"** (Score: 6/10)

- ❌ Typo: "enlighs" instead of "english"    - ❌ Assumes Claude knows which video from earlier context    - ✅ Better: "get the english transcript for https://www.youtube.com/watch?v=<VIDEO_ID>"

- ❌ Assumes Claude knows which video from earlier context    - ✅ Better: "get the english transcript for https://www.youtube.com/watch?v=<VIDEO_ID>"    - **Time lost:** ~1 minute (Claude needs to infer from conversation)

- ✅ Better: "get the english transcript for https://www.youtube.com/watch?v=<VIDEO_ID>"

2. **"test our fetcher for this videohttps://www.youtube.com/watch?v=<VIDEO_ID>"** (Score: 4/10)

- ❌ "our fetcher" - which one? (though conversation context helps)    - ⚠<U+FE0F> Would work but shows rushed typing    - ✅ Better: "test the YouTube transcript fetcher with this video: https://www.youtube.com/watch?v=<VIDEO_ID>"

- ⚠<U+FE0F> Would work but shows rushed typing    - ✅ Better: "test the YouTube transcript fetcher with this video: https://www.youtube.com/watch?v=<VIDEO_ID>"    - **Time lost:** ~30 seconds (minor formatting issue)

- ✅ Better: "test the YouTube transcript fetcher with this video: https://www.youtube.com/watch?v=<VIDEO_ID>"

✅ **Better prompt:** "get the english transcript for https://www.youtube.com/watch?v=<VIDEO_ID>"

❌ **Your prompt:** "test our fetcher for this videohttps://www.youtube.com/watch?v=<VIDEO_ID>"

✅ **Better prompt:** "test the YouTube transcript fetcher with this video: https://www.youtube.com/watch?v=<VIDEO_ID>"

✅ **Better prompt:** "use the youtube-transcript MCP tool to get the transcript for https://www.youtube.com/watch?v=<VIDEO_ID>"

❌ **Your prompt:** "use sub agetn and give me key learnings from this video https://www.youtube.com/watch?v=<VIDEO_ID>"

✅ **Better prompt:** "use the youtube-transcript-analyzer agent to extract key learnings from https://www.youtube.com/watch?v=<VIDEO_ID>"

karpathy gave in this video? I love it but forgot how it was exactly, quote him directly and explain? https://www.youtube.com/watch?v=<VIDEO_ID>

https://www.youtube.com/watch?v=<VIDEO_ID>

✅ "get the english transcript for https://www.youtube.com/watch?v=[VIDEO_ID]"

✅ "summarize this video: https://www.youtube.com/watch?v=[VIDEO_ID]"

❌ "get the enlighs transcript" ❌ "use sub agetn" ❌ "test our fetcher for this videohttps://..."

❌ "test our fetcher for this videohttps://..."

@agent-youtube-transcript-analyzer [specific question] Video: https://www.youtube.com/watch?v=[VIDEO_ID]

Video: https://www.youtube.com/watch?v=[VIDEO_ID]

#!/bin/bash

rm -rf "$INSTALL_DIR"

rm "$INSTALL_DIR/install.sh"

<meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>펫메이트 - 믿을 수 있는 펫시터 매칭</title>   <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">

<title>펫메이트 - 믿을 수 있는 펫시터 매칭</title>   <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">   <style>

<link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">

class AppConstants {   // API   static const String baseUrl = 'https://api.example.com';

// API   static const String baseUrl = 'https://api.example.com';   static const Duration connectionTimeout = Duration(seconds: 30);

static const String baseUrl = 'https://api.example.com';

user.website!,                   FluentIcons.globe_24_regular,                   () => AppUtils.launchURL('https://${user.website}'),

FluentIcons.globe_24_regular,                   () => AppUtils.launchURL('https://${user.website}'),                 ),

() => AppUtils.launchURL('https://${user.website}'),

이 예제는 JSONPlaceholder API를 사용합니다: - Base URL: `https://jsonplaceholder.typicode.com`

- Base URL: `https://jsonplaceholder.typicode.com`

static const String baseUrl = 'https://jsonplaceholder.typicode.com';

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

@import url('https://fonts.googleapis.com/css2?family=Your+Display+Font&family=Your+Body+Font&display=swap');

cd [폴더명]    npm run dev    # http://localhost:3000 에서 확인

# http://localhost:3000 에서 확인

{   "$schema": "https://ui.shadcn.com/schema.json",

"$schema": "https://ui.shadcn.com/schema.json",

export async function getTodos(): Promise<Todo[]> {   const res = await fetch(API_BASE)

const res = await fetch(API_BASE)

export async function getTodo(id: number): Promise<Todo> {   const res = await fetch(`${API_BASE}/${id}`)

const res = await fetch(`${API_BASE}/${id}`)

export async function createTodo(data: Omit<Todo, 'id'>): Promise<Todo> {   const res = await fetch(API_BASE, {

const res = await fetch(API_BASE, {

export async function updateTodo(id: number, data: Partial<Todo>): Promise<Todo> {   const res = await fetch(`${API_BASE}/${id}`, {

const res = await fetch(`${API_BASE}/${id}`, {

export async function deleteTodo(id: number): Promise<void> {   const res = await fetch(`${API_BASE}/${id}`, {

const res = await fetch(`${API_BASE}/${id}`, {

[Credential-related source omitted]

[Credential-related source omitted]

export const authClient = createAuthClient({   baseURL: process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000',

baseURL: process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000',

[Credential-related source omitted]

[Credential-related source omitted]

BETTER_AUTH_URL="http://localhost:3000"

NEXT_PUBLIC_APP_URL="http://localhost:3000"

## 🔍 확인 사항 - API 엔드포인트 주소가 `https://api.example.com`이 맞나요?

- API 엔드포인트 주소가 `https://api.example.com`이 맞나요?

#!/usr/bin/env python3

--- title: "React Hooks 완벽 가이드" url: "https://example.com/react-hooks-guide"

title: "React Hooks 완벽 가이드" url: "https://example.com/react-hooks-guide" author: "Jane Developer"

url: "https://example.com/react-hooks-guide"

useEffect(() => {     fetch(url)

fetch(url)

- [React 공식 문서 - Hooks](https://react.dev/reference/react): 전체 Hooks API 레퍼런스

- [useHooks](https://usehooks.com/): 재사용 가능한 Custom Hooks 모음

- [React Hooks Testing Library](https://github.com/testing-library/react-hooks-testing-library): Hooks 테스트 도구

- [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks): 커뮤니티 선별 Hooks 리소스

--- title: "Understanding React Hooks" url: "https://example.com/react-hooks"

title: "Understanding React Hooks" url: "https://example.com/react-hooks" author: "Jane Developer"

url: "https://example.com/react-hooks"

User: 이 문서들을 전부 AI 최적화 모드로 변환해줘 - https://example.com/doc1

- https://example.com/doc1

- https://example.com/doc2

- https://example.com/doc3

You: 이 문서들을 project-docs 폴더에 저장해줘 - https://react.dev/reference/react

- https://react.dev/reference/react

- https://redux.js.org/introduction/getting-started

- https://tanstack.com/query/latest/docs/react/overview

You: https://blog.example.com/great-article 이 블로그 글을 reading-list 폴더에 저장해줘

title: Understanding React Hooks: A Deep Dive author: John Doe url: https://blog.example.com/great-article

author: John Doe url: https://blog.example.com/great-article saved_date: 2024-01-15

url: https://blog.example.com/great-article

You: 이 튜토리얼 시리즈를 전부 저장해줘. 순서대로 번호를 붙여서 - https://tutorial.com/lesson-intro

- https://tutorial.com/lesson-intro

- https://tutorial.com/lesson-basics

- https://tutorial.com/lesson-advanced

- https://tutorial.com/lesson-conclusion

You: 오늘자 중요한 기사들을 archive/2024/01/ 폴더에 저장해줘 - https://news.com/tech-breakthrough

- https://news.com/tech-breakthrough

- https://news.com/market-update

- https://news.com/policy-change

You: Stripe API 문서의 주요 섹션들을 api-docs/stripe/ 폴더에 저장해줘 - https://stripe.com/docs/api/authentication

- https://stripe.com/docs/api/authentication

- https://stripe.com/docs/api/charges

- https://stripe.com/docs/api/customers

- https://stripe.com/docs/api/subscriptions

You: 이 프로젝트들의 README를 awesome-readmes 폴더에 저장해줘 - https://github.com/facebook/react

- https://github.com/facebook/react

- https://github.com/vercel/next.js

- https://github.com/tailwindlabs/tailwindcss

You: 이 레시피를 recipes/italian/ 폴더에 저장해줘 https://cooking.com/classic-carbonara

https://cooking.com/classic-carbonara

You: https://arxiv.org/abs/2301.12345 이 논문의 요약과 주요 내용만 추출해서 저장해줘

You: https://product.com/docs/user-guide 이걸 마크다운으로 저장하고, 한국어로 번역 준비해줘

You: 이 디자이너들의 About 페이지를 inspiration/portfolios/ 폴더에 저장해줘 - https://designer1.com/about

- https://designer1.com/about

- https://designer2.com/about

- https://designer3.com/about

You: https://react.dev/reference/react/useState 를 AI가 읽기 좋게 변환해줘

--- title: "useState - React Reference" url: "https://react.dev/reference/react/useState"

title: "useState - React Reference" url: "https://react.dev/reference/react/useState" author: "React Team"

url: "https://react.dev/reference/react/useState"

You: https://blog.example.com/microservices-best-practices 를 컨텍스트로 사용하기 좋게 변환해줘

You: 이 문서들을 AI 학습용으로 변환해서 knowledge-base/react/ 폴더에 저장해줘 - https://react.dev/reference/react/useState

- https://react.dev/reference/react/useState

- https://react.dev/reference/react/useEffect

- https://react.dev/reference/react/useContext

- https://react.dev/reference/react/useReducer

- https://react.dev/reference/react/useMemo

You: React와 Vue의 상태 관리를 비교하고 싶어. 관련 문서들을 AI 최적화 모드로 변환해줘 - https://react.dev/learn/managing-state

- https://react.dev/learn/managing-state

- https://vuejs.org/guide/essentials/reactivity-fundamentals.html

You: https://react.dev/reference/react/useState 원본이랑 AI 최적화 버전 둘 다 만들어줘

--- title: "useState - React Reference" url: "https://react.dev/reference/react/useState"

title: "useState - React Reference" url: "https://react.dev/reference/react/useState" topics: ["React", "Hooks", "State Management"]

url: "https://react.dev/reference/react/useState"

You: 이 React Hooks 문서들 전부 원본이랑 AI 최적화 버전 둘 다 만들어줘 - https://react.dev/reference/react/useState

- https://react.dev/reference/react/useState

- https://react.dev/reference/react/useEffect

- https://react.dev/reference/react/useContext

You: 이 문서들을 원본은 docs/original/ 폴더에, AI 최적화는 docs/optimized/ 폴더에 저장해줘 - https://example.com/guide1

- https://example.com/guide1

- https://example.com/guide2

- https://example.com/guide3

You: 내 블로그 글 전체를 백업하는데, 나중에 내가 다시 읽을 용도랑 AI에게 물어볼 용도로 둘 다 만들어줘 - https://myblog.com/post1

- https://myblog.com/post1

- https://myblog.com/post2

- https://myblog.com/post3

You: 이 두 버전의 문서를 비교해줘 - https://docs.com/v1/guide (현재 v1-guide.md)

- https://docs.com/v1/guide (현재 v1-guide.md)

- https://docs.com/v2/guide

You: https://example.com/article 이거 마크다운으로 저장해줘

You: https://docs.python.org/tutorial 를 python-tutorial.md로 저장해줘

You: https://blog.example.com/post 내용을 마크다운으로 보여줘만

You: 이 URL들을 docs 폴더에 마크다운으로 저장해줘 - https://example.com/guide1

- https://example.com/guide1

- https://example.com/guide2

- https://example.com/guide3

You: https://example.com/docs 에서 "설치 가이드" 부분만 마크다운으로 저장해줘

You: https://example.com/blog/awesome-article 이거 적당한 파일명으로 저장해줘

You: 이 기술 문서들을 tech-docs 폴더에 저장해줘 - https://react.dev/learn

- https://react.dev/learn

- https://nextjs.org/docs

- https://tailwindcss.com/docs

You: 내 블로그 글 https://myblog.com/posts/2024/my-post 를 백업해줘

You: 파이썬 튜토리얼 시리즈를 전부 마크다운으로 저장해줘 - https://tutorial.com/python/basics

- https://tutorial.com/python/basics

- https://tutorial.com/python/intermediate

- https://tutorial.com/python/advanced

You: https://example.com/article

You: 이것들 전부 마크다운으로    https://url1.com

https://url1.com

https://url2.com

https://url3.com

You: https://example.com 먼저 보여줘

### 문제: URL이 열리지 않음 **해결**: URL 전체를 복사했는지 확인 (`https://` 포함)

**해결**: URL 전체를 복사했는지 확인 (`https://` 포함)

User: https://example.com/article 이거 마크다운으로 저장해줘

User: 이 URL들을 전부 마크다운으로 저장해줘 - https://example.com/doc1

- https://example.com/doc1

- https://example.com/doc2

- https://example.com/doc3

User: https://example.com 내용을 마크다운으로 보여줘만 하고 저장은 하지마

User: https://react.dev/reference/react/useState 를 AI가 읽기 좋게 변환해줘

User: https://react.dev/reference/react/useState 원본이랑 AI 최적화 버전 둘 다 만들어줘

### URL 오류 - URL이 `http://` 또는 `https://`로 시작하는지 확인

- URL이 `http://` 또는 `https://`로 시작하는지 확인

Claude: 변환하실 웹페이지의 URL을 입력해주세요. User: https://example.com/article

User: https://example.com/article

**Important:** - URL은 `http://` 또는 `https://`로 시작해야 합니다

- URL은 `http://` 또는 `https://`로 시작해야 합니다

User: https://example.com/article AI가 읽기 좋게 변환해줘

User: https://example.com/article 원본이랑 AI 최적화 버전 둘 다 만들어줘

url = "https://example.com/article"

url = "https://example.com/article"

User: https://react.dev/reference/react/useState 원본이랑 AI 최적화 버전 둘 다 만들어줘

url = "https://react.dev/reference/react/useState"

url = "https://react.dev/reference/react/useState"  # 동일한 URL

User: 이 React 문서들 원본이랑 AI 최적화 버전 둘 다 만들어줘 - https://react.dev/reference/react/useState

- https://react.dev/reference/react/useState

- https://react.dev/reference/react/useEffect

User: 이 URL들을 전부 마크다운으로 저장해줘 - https://example.com/article1

- https://example.com/article1

- https://example.com/article2

- https://example.com/article3

User: https://example.com/docs 에서 "Installation" 섹션만 마크다운으로 저장해줘

User: htp://wrong-url Claude: ❌ 올바르지 않은 URL입니다. http:// 또는 https://로 시작하는 전체 URL을 입력해주세요.

Claude: ❌ 올바르지 않은 URL입니다. http:// 또는 https://로 시작하는 전체 URL을 입력해주세요.

User: https://docs.python.org/3/tutorial/index.html 이거 마크다운으로 저장해줘

User: 이 블로그 글들을 전부 마크다운으로 저장해서 아카이브 폴더에 넣어줘 - https://blog.example.com/post1

- https://blog.example.com/post1

- https://blog.example.com/post2

User: https://github.com/anthropics/claude-code 이 페이지 내용을 마크다운으로 보여줘만 하고 저장은 하지마

// 1. 페이지 이동 mcp__playwright__navigate({   url: "https://example.com"

mcp__playwright__navigate({   url: "https://example.com" })

url: "https://example.com"

console.log('⏳ 페이지 로딩 중...');   await page.goto('https://example.com', { waitUntil: 'networkidle' });

await page.goto('https://example.com', { waitUntil: 'networkidle' });

User: https://react.dev/reference/react/useState 마크다운으로 변환해줘

User: https://react.dev/reference/react/useState 마크다운으로 변환해줘 (자동으로 Playwright 사용해도 돼)

--- title: "Claude Code Best Practices: Comprehensive Guide" url: "https://rosmur.github.io/claudecode-best-practices/"

title: "Claude Code Best Practices: Comprehensive Guide" url: "https://rosmur.github.io/claudecode-best-practices/" author: "Claude Code (synthesized from 12 sources)"

url: "https://rosmur.github.io/claudecode-best-practices/"

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

NEXTAUTH_URL="http://localhost:3000"

## References - [NextAuth.js Documentation](https://next-auth.js.org/)

- [NextAuth.js Documentation](https://next-auth.js.org/)

- [Prisma Adapter Guide](https://authjs.dev/reference/adapter/prisma)

## References - [Zustand Documentation](https://github.com/pmndrs/zustand)

- [Zustand Documentation](https://github.com/pmndrs/zustand)

- [React Re-render Optimization Guide](https://react.dev/learn/render-and-commit)

`<U+200B>``typescript

`<U+200B>``

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

[Credential-related source omitted]

NEXTAUTH_URL="http://localhost:3000"

## References - [NextAuth.js Documentation](https://next-auth.js.org/)

- [NextAuth.js Documentation](https://next-auth.js.org/)

- [Prisma Adapter Guide](https://authjs.dev/reference/adapter/prisma)

## References - [Zustand Documentation](https://github.com/pmndrs/zustand)

- [Zustand Documentation](https://github.com/pmndrs/zustand)

- [React Re-render Optimization Guide](https://react.dev/learn/render-and-commit)