Home [옵시디안]Web Clipper, Smart Composer, Templater with AI
Post
Cancel

[옵시디안]Web Clipper, Smart Composer, Templater with AI

Obsidian에서 활용할 수 있는 세 가지 유용한 기능

Obsidian을 보다 효율적으로 사용하기 위해 다음 세 가지 도구를 소개

  1. Web Clipper
  2. Smart Composer
  3. Templater with AI

본 블로그는 CMDS의 요한님 강의 내용 정리입니다:


1. Web Clipper

웹페이지나 블로그 글 등을 쉽게 저장하고, 원하는 형식으로 편집해 Obsidian에 옮길 수 있는 크롬 확장 프로그램입니다

Web Clipper Google Extension Link

주요 기능

  • 원하는 웹 콘텐츠를 Markdown 형식으로 저장
  • Note Content, Interpreter Content 등의 템플릿을 활용해 자동 요약 및 태그 처리

설정 화면

Note Content 템플릿 예시

1
2
3
4
5
6
7
8
## Summary 
{{"summarize what stood out to you from the content of this text. please do it with a Markdown bullet in Korean."}}  

## Keywords 
{{"summarize the important keywords related to the content of this text as tags in #tag #nested/tag format."}}  

## Content
{{ content }}

Interpreter Content 템플릿 예시

1
2
3
4
5
6
7
8
## Author 
{{author|split:", "|wikilink|join}}  

## Url 
{{url}}  

## Content 
{{ content }}

2. Smart Composer

Obsidian에서 글을 쓸 때 AI의 도움을 받아 창의적인 아이디어를 얻거나 글을 보완할 수 있는 플러그인입니다

설치 및 설정

  • Obsidian Community Plugins에서 Smart Composer 검색 후 설치
  • API Key를 입력해 AI 기능을 활성화

API Key 설정 화면

Hotkey 설정 화면

사용법

  • Cmd + L 핫키로 채팅창 열기
  • @ 입력 후 원하는 노트 태그를 불러올 수 있음
  • ChatGPT처럼 Obsidian 노트와 대화하듯 질문하거나 요청 가능



3. Templater with AI

Obsidian의 Templater 플러그인에 AI 기능을 결합해, 문서 자동화 템플릿을 더욱 강력하게 활용할 수 있습니다

설정

템플릿 예시

아래 코드를 Templater 폴더(설정에서 지정한 템플릿 경로)에 새 노트로 생성해 두면, 노트 내용 요약을 자동으로 생성해 줍니다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%*const GEMINI_API_KEY="API Key"%>
 
<%*
// 요약 프롬프트
const summary_prompt = `당신은 **[문서 유형 (예: 학술 논문, 기술 보고서, 뉴스 기사)] 요약 전문가**로서, 제공된 텍스트를 **[요약 목적 (예: 핵심 정보 파악, 의사 결정 지원)]**을 위해 철저히 요약하고 핵심 내용과 중심 주제를 추출하는 역할을 수행합니다. 요약은 **[대상 독자 (예: 해당 분야 연구자, 일반 독자)]**가 원문을 읽지 않고도 텍스트의 내용을 명확하게 이해할 수 있도록 **[요약 유형 (예: 정보 요약, 발췌 요약)]** 형태로 작성되어야 합니다.
 
핵심 아이디어를 효과적으로 전달하는 데 집중하여 **[요약 길이 (예: 200단어 내외, 원본의 20%)]**로 명확하고 간결하게 작성해 주세요. 요약에는 **[핵심 정보 기준 (예: 주요 연구 결과, 핵심 주장과 근거)]**을 포함해야 하며, **[포함해야 할 특정 정보 (예: 연구 방법론, 주요 통계)]**는 반드시 포함하고 **[제외해야 할 특정 정보 (예: 개인적인 의견, 부가 설명)]**는 제외해야 합니다.
 
요약 결과물은 **[품질 기준 (예: 정확성, 완결성, 논리적 일관성, 높은 가독성)]**을 충족해야 합니다. 한국어로 답변하며 제목은 포함하지 마세요.`
%>
 
<%*
// 노트 내용 가져오기
const fileContent = tp.file.content;
%>
 
<%*
// 요약 생성하기
const response = await tp.obsidian.requestUrl({
    method: "POST",
    url: "https://generativelanguage.googleapis.com/v1beta/openai/chat/completions",
    contentType: "application/json",
    headers: {
        "Authorization": "Bearer " + GEMINI_API_KEY,
    },
    body: JSON.stringify({
        model: "gemini-2.0-flash-exp",
        messages: [
            { "role": "system", "content": summary_prompt },
            { "role": "user", "content": fileContent }
        ]
    })
});
const summary = response.json.choices[0].message.content;
tR = `> [!summary]
> ${summary.split("\n").join("\n> ")}`;
%>

사용 방법

  • Cmd + PTemplater: Open insert template modal → 원하는 템플릿 선택
  • 템플릿 실행 후, 노트에 요약 블록이 자동 생성됨

실제 사용 결과 예시

[!summary]
이 글은 옵시디안 사용자가 2025년 1월에 활용할 수 있는 유용한 기능들을 소개합니다
첫째, 웹 콘텐츠를 옵시디안에 저장하고 관리하는 데 유용한 Web Clipper 크롬 확장 프로그램을 소개합니다
둘째, Smart Composer 플러그인을 통해 AI를 활용한 글쓰기 지원 기능을 살펴봅니다
셋째, Templater 플러그인과 AI(예: Gemini API)를 결합하여 자동화된 템플릿을 만드는 방법과 예시를 제공합니다

This post is licensed under CC BY 4.0 by the author.

[LangChain Open Tutorial]Web-Search Research

[Inflern]UX/UI 시작하기 : UI 디자인