1. PPT 생성스킬 .fig, .deck 파일을 전달하면 자동으로 디자인 토큰을 추출하여 ppt 템플릿을 생성하는 스킬이다. 피그마 에이전트로 생성한 결과 https://www.figma.com/design/uXT5LBiltvje3sjOrGh340/ppt%EC%8A%A4%ED%82%AC?node-id=0-1&t=Rfxra7bcydnCADUc-1 구글 스티치로 생성한 결과 https://stitch.withgoogle.com/projects/3056729482408387556
본 문서는 CLI(씨엘아이, Command Line Interface) 환경에서 사용하는 AI 코딩 도구의 설치와 활용법을 다룬다. 운영체제 환경별 설치 명령어와 공식 문서, 프롬프트 작성 가이드, 확장 기능 연동 문서를 단계별로 안내한다. 터미널 환경에서 도구를 안정적으로 구성하고 작업 흐름에 적용하는 방법을 설명한다. 1. 공식문서 도구의 전체 명령어 목록과 구성 파일 설정 방법은 공식 문서에서 제공된다. 도구의 세부 옵션과 … 더 읽기
HTML, CSS 문법검사 + 구글 LightHouse 평가 결과를 한글로 보고하는 스킬입니다. 1. LightHouse API키 발급 Lighthouse란? 구글이 개발한 오픈소스 웹 품질 측정 도구 2. 스킬다운로드 모던 웹표준 검사 스킬입니다. HTML5,CSS3,ES6 웹표준/린트검사를 수행합니다 web-check-ko는 웹페이지 하나를 네 가지 도구로 검사해 한국어 보고서를 만드는 스킬입니다. 네 가지 도구가 보는 곳이 서로 다릅니다. 검사 도구 보는 것 HTML … 더 읽기
이 문서는 Ollama를 처음 설치하는 사람이 읽고 따라 하도록 썼다. 인공지능이나 명령어 창을 다뤄 본 적이 없어도 되고, 인터넷이 연결된 컴퓨터 한 대와 20GB 정도의 빈 저장 공간만 있으면 된다. 끝까지 따라 하면 내 컴퓨터에서 도는 AI 모델, 성격을 바꿔 만든 나만의 모델, 그리고 그 모델에 파이썬 코드로 말을 거는 스크립트가 남는다. Ollama 요금제는 3단계다. … 더 읽기
이 문서에서는 팀 프로젝트에 맞는 협업 룰을 AI 프롬프트로 직접 만들어 본다. Notion 팀 DB와 Figma 디자인시스템을 소스로 연동해 카테고리를 확정하고, 실제 사건에서 룰을 뽑아 매핑표까지 완성하는 과정이다. 다 따라 하면 환경 카드 1장, 카테고리 번호표 1장, 세부 룰 1개, 산출물-룰 매핑표 1장이 남는다. 1 – 팀 환경 카드 만들기 룰은 팀마다 다르다. 쓰는 도구, … 더 읽기
Claude Code에서 agy(Antigravity / Gemini)를 서브에이전트로 부리기 Claude Code 세션 안에서 로컬 agy CLI를 서브에이전트로 호출해, 작업 일부를 Gemini에게 위임하는 에이전트 정의입니다. 아래 파일 한 장만 지정된 위치에 넣으면 됩니다. 무엇에 쓰나 사전 조건 설치 아래 내용을 agy.md 파일로 저장합니다. 범위 경로 개인 전역 (모든 프로젝트) ~/.claude/agents/agy.md 프로젝트 한정 <프로젝트>/.claude/agents/agy.md Windows에서 ~는 C:\Users\<사용자명> 입니다. 저장 … 더 읽기
먼저 디자인부터 품질 확인까지 이어지는 흐름을 살펴보고, 이어서 Claude Code에 보낼 입력문을 순서대로 실행합니다. 마지막에는 같은 구축 과정을 파일별 설명과 검사 기준까지 포함해 자세히 확인합니다. 첫 번째 부분인 “Figma 디자인부터 QA까지, 하네스 한 바퀴 세팅”에서는 하네스의 전체 흐름과 최소 구축 절차를 확인합니다. 웹사이트 리디자인 팀프로젝트에서 Figma 시안을 코드로 옮길 때, AI 코딩 도구가 팀 규칙을 … 더 읽기
AI 반복 실수(3회 이상) 패턴 추출 및 하네스 등록 가이드 1. 개념 정리 1.1 하네스(Harness)란 하네스는 AI에게 매번 자동으로 적용되는 상시 규칙 모음을 말한다. 사용자가 대화할 때마다 일일이 지시하지 않아도, AI가 작업을 시작하기 전에 항상 먼저 읽는 규칙 파일이다. 말의 방향을 잡아 주는 말고삐(harness)에 비유한 표현이다. 도구별로 하네스에 해당하는 위치는 다음과 같다. 1.2 3회 규칙(3-Strike … 더 읽기
Antigravity와 Stitch MCP로 랜딩 페이지 만들기 이 문서는 Google Stitch에서 랜딩 페이지 시안을 만들고, 그 시안을 Antigravity의 에이전트가 React + Tailwind CSS 코드로 바꿔 브라우저에서 확인하는 과정을 처음부터 끝까지 따라 하는 실습 예제다. Antigravity에 Stitch MCP 연동(설치와 인증)이 이미 끝난 상태에서 시작하며, 연동 설치 과정 자체는 다루지 않는다. 끝까지 따라 하면 시안과 같은 모습의 랜딩 … 더 읽기
이 문서는 Claude Code(이하 클로드 코드)를 써 봤지만 대화가 길어지면 답이 흐려지는 경험을 한 사람을 위한 자료다. 컨텍스트 개념을 잡은 뒤 CLAUDE.md로 규칙을 남기고, 오토메모리와 컨텍스트 관리 커맨드를 익힌 후, 마지막으로 나만의 스킬 하나를 만드는 것까지 이어진다. 끝까지 따라 하면 프로젝트 폴더에 CLAUDE.md·.claude/rules/·.claude/skills/가 만들어지고, 다음 세션부터 같은 설명을 반복하지 않아도 된다. 시작하기 전에 컴퓨터에 클로드 … 더 읽기
