목록전체 글 (483)

Vintage appMaker의 Tech Blog

[codex cli] skills를 활용한 codex 기능추가

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

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

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

Opal을 활용한 웹앱 만들기Opal은 현재(2026.1) 시험버전이다. 그러나 강력한 AI 자동화를 제공하고 있다. HTML 템플릿을 제공하고 데이터를 입력하면 간단한 웹앱(HTML + Javascript)을 편리하게 생산할 수 있다.1. 사용법Opal의 장점은 노코드 툴과 같은 시각화 과정을 제어할 수 있다는 것이다.사용자가 시각화를 무시하고 생각만으로 프롬프트를 만들어도 논리적 Node가 만들어진다.반면 시각화를 고려하여 Node를 구성하며 상세한 프롬프트를 만들 수도 있다. 2가지 방법 중 사용자에게 유리한 것을 선택하면 된다.Node로 만들 시 유의점은, 진행의 흐름(연결)을 신경써야 한다는 것이다.개인적으로는 Opal의 Node와 연동이 익숙하지 않다면 (1)의 프롬프트 영역에 간략히 정리하는..
Source code or Tip/생성AI 2026. 1. 30. 13:30
Prev 1 2 3 4 ··· 121 Next