AI 툴킷

Claude Code, Codex, ChatGPT 같은 AI 도구에 붙여 쓰는 스킬, 플러그인, MCP를 직접 써 보고 기록합니다.무엇이고 어디서 왔는지, 어떻게 쓰는지, 써 보니 무엇이 달라졌는지를 같은 순서로 적습니다.

• Claude Code스킬

  hairline-create, 한 문장으로 움직이는 HTML 도형 만들기

  아이디어 한 줄을 주면 마우스에 반응하는 선 그림 하나를 HTML 파일 하나로 만들어 주는 스킬입니다. 사용법과 규칙을 정리하고, 건물이 한 층씩 쌓이는 도시 예시를 직접 만들어 글 안에 넣었습니다.

  2026.10.07
• Claude Code플러그인

  ponytail, 필요 없는 코드는 짜지 않게 하기

  에이전트가 요청보다 많이 만들어 오는 일을 줄여 주는 플러그인입니다. 이 블로그에 도구 섹션을 추가한 작업에서 무엇이 줄었는지 적었습니다.

  2026.10.07
• Claude Code스킬

  frontend-design, 템플릿처럼 보이지 않게 화면 만들기

  프롬프트 한 줄로 만든 화면은 어디서 본 듯한 모양이 되기 쉽습니다. 이런 기본값을 피하도록 돕는 스킬과, 이 블로그에서 디자인 기준을 지킨 방법을 정리했습니다.

  2026.10.07
• Claude Code스킬

  brainstorming, 코드부터 짜지 않게 붙잡아 주는 법

  만들 것이 흐릿한 채로 구현을 시작하면 중간에 갈아엎게 됩니다. 구현 전에 무엇을 물어보는 스킬인지, 언제 쓰면 좋은지 정리했습니다.

  2026.10.07