Vintage appMaker의 Tech Blog

gemini의 (+) Tool 중에 하나인 Canvas를 활용하여 리포트 생성 및 편집하기 gemini의 캔버스(Canvas)는 AI와 함께 실시간으로 협업하여 문서, 코딩, 시각적 결과물(앱, 게임 등)을 제작하고 수정할 수 있는 작업 공간(에디터)이다. Canvas를 통하여 구조화된 문서를 작성할 경우, 매우 효율적인 작업을 할 수 있다.1. 프롬프트에서 Canvas 사용프롬프트 입력하는 창에 보면 + 버튼이 있다. 그곳을 누른 후, Canvas를 선택하면 아래와 같이 Canvas를 사용하고 있음 표시한다. 이를 통해 프롬프트의 결과물을 우측의 Canvas 에디터로 수정하여 만들 수 있다.2. 이미지 포함 프롬프트아래의 이미지를 첨부 후, 프롬프트를 입력한다.위의 내용을 분석하고 "세무컨설턴트"의 입..

codex skill을 활용한 프롬프트Skill 사용이유: 프롬프트를 파일로 만들고 그 안에 소스코드를 넣거나 특정 조건에 소스코드를 실행시키라는 지시어를 만들어도 외부프로그램을 호출하여 사용할 수 있다. 그러나 범용적인 부분에서 "프롬프트의 길이"가 커지게 되므로 효율적이지 못할 때가 있다.1. Skill이란?codex가 프롬프트를 분석 후, 프롬프트에 필요한 기능을 만들기 위해 내 PC에 존재하는 소스코드나 외부프로그램 실행하도록 등록하는 것이다.2. 등록법skills 폴더에 하부에 다음과 같은 구조로 파일을 만든다.내가만든Skill폴더/├── SKILL.md└── scripts/ └── 내가만든소스(.py)윈도우에서는 일반적으로 다음과 같은 위치에 존재한다.C:\Users[사용자].codex\..

설정된 코드 스니펫 mcp를 활용한 html 만들기 아래의 포스팅으로 mcp 개발 및 설정 [gemini - cli] mcp를 만들어 코드 스니펫 활용하기MCP를 사용한 코드스니펫 활용Python FastMCP를 활용하여 규격화된 HTML 코드 스니펫 활용하기1. 목적지침과 코드 인터프리터를 활용하여 코드 스니펫을 활용하는 것도 매우 효율적이다. 그러나 프로vintageappmaker.tistory.com 1. 디자인 파일 위의 파일을 특정 폴더에 desing.png로 저장하고 그 폴더에서 gemini cli를 실행시킨다. 그리고 다음의 프롬프트를 요청한다.2. 프롬프트[Image design.png] 파일을 보고 html을 만든다. 상단 우측의 둥근 + 버튼을 누르면 이름, 점수를 입력하는 다이얼로..

MCP를 사용한 코드스니펫 활용Python FastMCP를 활용하여 규격화된 HTML 코드 스니펫 활용하기1. 목적지침과 코드 인터프리터를 활용하여 코드 스니펫을 활용하는 것도 매우 효율적이다. 그러나 프로젝트가 커지는 환경에서는 mcp끼리 연동하는 것이 더 효율적일 때가 있다. 소규모의 프로젝트에선 지침과 코드 인터프리터 또는 소스실행의 혼합을 추천하지만 지침(프롬프트)의 길이가 커질 수도 있다. 결과적으로 자동화를 원한다면 mcp 활용을 추천하는 추세이다.2. Python FastMCP코드 스니펫 파일을 검색(search_snippets)하고 파일 첫 부분의 주석을 분석하여 내용을 정의한다. 그리고 원하는 스니펫 파일을 읽어온다(get_snippet_code).pip install fastmcpsni..