AI TOOLS LAB · GET STARTED

AI를 배우고,
직접 만들어 보세요.

직접 만든 앱·스킬·게임의 제작 과정과 개선 경험을 기록하고,
따라 해볼 수 있는 AI 활용 방법을 정리합니다.

문서 작성, 데이터 분석, 코딩과 자동화를 연결한 AI 실무 워크스페이스
AI 활용 아티클 108편 공개

EXPERT INSIGHTS

최신 AI 전문 인사이트

AI의 원리부터 실무 설계까지, 최근 발행한 글을 읽어보세요.

인사이트 44편 모두 보기 →
NVIDIA OpenShell 공식 발표의 관찰·기록·보호 아이콘과 칩을 표현한 대표 일러스트
AI 평가·품질

AI 변화 노트 2026년 10월 22일 AI 비용·검색·권한 관리에서 달라진 7가지

AI가 접근할 파일과 도구를 관리하는 설계, 문서 검색 부담을 줄이는 모델, 실행 비용 절감 실험 등 7개 소식을 쉽게 설명합니다. 발표자의 핵심 수치와 실험 조건, 원문 이미지도 함께 살펴봅니다.

인사이트 읽기
연보라 배경에 주황색 원과 검은 연결선을 담은 Claude Duet 공식 앱 아이콘
AI 에이전트

Claude Duet 입문 먼저 챙기는 AI 비서의 기능과 승인 경계

Claude Duet의 아침 브리핑, 클라우드 작업, 앱 연결과 사용자 승인 방식을 살펴봅니다. 미국 Pro·Max 대상 프리뷰 조건, 사용량 공유, 한국 이용 여부와 업무를 맡기기 전 확인할 기준을 정리합니다.

인사이트 읽기
공식 제품 사진을 참조한 M5 Max Mac Studio 128GB·614GB/s 사양 편집 인포그래픽
AI 비용·인프라

Mac Studio M5 Max 128GB 로컬 AI 가이드 메모리 계산부터 제작 워크플로까지

M5 Max 128GB Mac Studio의 공식 사양과 로컬 AI 도입 조건을 살펴봅니다. 70B 모델의 메모리 계산, 이미지·영상 생성 호환성, 단계별 제작 흐름과 클라우드 대비 비용 판단 기준을 정리합니다.

인사이트 읽기
Grok Bot·OpenAI dots·Meta Muse·Manus·Hermes Agent·OpenClaw의 상징을 모은 편집 이미지
AI 에이전트

Grok Bot·dots·Muse부터 Hermes·OpenClaw까지 개인 AI 에이전트 고르는 법

대화가 끝난 뒤에도 일을 이어가는 개인 AI 에이전트 6종을 비교합니다. Grok Bot·OpenAI dots·Meta Muse·Manus·Hermes Agent·OpenClaw의 작업 공간, 비용 구조와 권한 관리의 차이를 설명합니다.

인사이트 읽기
Impeccable 공식 Neo Mirai 가상 행사 사이트 구현 사례의 첫 화면
AI 에이전트

Grill Me부터 Security Audit까지 AI 스킬로 예약 페이지 완성하기

Grill Me·Impeccable·marketingskills·Cloudflare Security Audit의 역할을 구분하고, 원데이 클래스 예약 페이지를 예로 기획·화면 설계·방문과 신청·보안 검토를 연결하는 방법을 설명합니다.

인사이트 읽기
ANTI-REA 공식 구조도의 계획·보호·검증 흐름과 실험 단계 안내
AI 보안·개인정보

REA 이후의 질문: REA-Prompts와 ANTI-REA, 분석과 보호를 검증하는 법

REA-Prompts의 근거 중심 질문법과 ANTI-REA의 보호 MCP를 비교합니다. 현재 지원과 로드맵, 자동 승인 경로, 원본 비교의 함정, 80% 속도 기준을 공식 문서와 코드로 확인합니다.

인사이트 읽기

실제 실행 사례

직접 실행하고, 결과를 확인했습니다

입력부터 화면 변화·결과 파일까지 확인한 3가지 작업입니다. 실제 동작과 검수·수정 과정을 따라가 보세요.

검증·기록 원칙 보기 →

사례 01 실행 기록

입력
“조명 켜 줘”, “팬 켜 줘”처럼 화면 속 장치에 보내는 한 문장 요청
결과
대상과 동작을 확인하고 최종 확인을 누른 뒤, 조명·선풍기의 화면 상태가 바뀌는 것을 확인했습니다.
검수·수정
종류 선택만으로는 실행되지 않았습니다. 미지원 장치·밝기 조절과 금지 문장은 방을 바꾸지 않았습니다.

판단 실습실의 기본 체험은 AI 추론이 아닌 문장 규칙을 사용하며, 실제 가전 연결은 없습니다. 회의·보고서는 합성 자료로 실행했습니다. 각 사례의 확인 범위와 한계를 함께 읽어 주세요.

PROJECT LAB

직접 만든 앱과 도구, 프로젝트 랩 (풀 소스 공개)

뉴스 리포트·AI 사용량·MCP 도구 관리, 직접 만든 도구의 흐름과 설계를 읽어보세요.

프로젝트 14개 모두 보기 →
HTML News Creator — 프로젝트 화면
콘텐츠·미디어웹 · Python 서버

HTML News Creator

커뮤니티 리포트 미리보기의 목표 개수를 늘려도 가짜 뉴스 항목을 채우지 않도록 고쳤습니다. 읽기 목적과 데이터 범위를 맞춘 HTML News Creator 제작기입니다.

Python · HTML · News Studio

QuotaBeacon — 프로젝트 화면
AI 에이전트·운영macOS

QuotaBeacon

새로고침을 눌러도 값이 그대로였던 메뉴 막대에서 자동 수집과 사용자 요청을 나눴습니다. 캐시·서버 대기·동작 줄이기 설정을 함께 다듬은 QuotaBeacon 제작기입니다.

Swift · SwiftUI · AppKit

CoreMCP — 프로젝트 화면
AI 에이전트·운영자체 호스팅

CoreMCP

Mac mini에서 쓸 도구들을 하나의 MCP 연결점으로 묶었습니다. 문서를 찾는 흐름을 설계하고, 서버 재검증 중에도 이전 도구 목록을 유지하도록 다듬은 과정을 담았습니다.

Python · FastAPI · Web Admin

FROM THE BLOG

먼저 읽어볼 실전 가이드

전체 실전 자료 70개 모아보기 →
테마 필터 더보기

SKILL LAB

반복 작업을 스킬로, AI 스킬 랩 (무료 공개)

개발 계획·문체 설정·HTML 문서 제작, AI와 일하는 방식을 정리해보세요.

스킬 프로젝트 13개 모두 보기 →
개발 계획 스킬의 작업 흐름을 설명하는 인포그래픽
개발 계획·규칙Codex · Claude Code

개발 계획 스킬

빌드는 통과했는데 모바일에서 글이 가로로 밀렸습니다. 53편의 화면을 고치고, 같은 문제를 다음 개발 계획의 검수 항목으로 옮긴 경험을 담았습니다.

단일 스킬 · dev-plan-generator

스킬 소개 →
네이버 블로그 스타일 스킬의 작업 흐름을 설명하는 인포그래픽
글쓰기·문서 제작Codex · 브라우저 연동

네이버 블로그 스타일 스킬

35개 문체 답변을 글쓰기 규칙으로 만들고, 캡션과 대표 이미지의 준비 판정을 고친 제작 과정입니다. 문체 유지와 원고 검증을 함께 다룹니다.

스킬 번들 · naver-blog-style

스킬 소개 →
Adaptive HTML Final의 작업 흐름을 설명하는 인포그래픽
글쓰기·문서 제작문서 기반 크로스 에이전트

Adaptive HTML Final

읽는 목적과 시각 구성을 나눠 HTML을 만들고, 정적 검사에서 놓친 카드 링크 대비와 표의 코드 줄바꿈을 고친 제작 과정입니다.

단일 스킬 · adaptive-html-final

스킬 소개 →

GAME DEVELOPMENT

AI 게임 개발 프로젝트 (제작 과정 공개) NEW

직접 만든 게임의 설계를 읽고, 고전풍 웹게임 소스를 내려받아 바꿔보세요.

게임 프로젝트 22개 모두 보기 →
Don't Get Pooped! 시작 화면
게임 프로젝트회피 아케이드플레이 가능

Don't Get Pooped!

좌우 드래그만으로 버티는 한 손 회피 게임을 만들었습니다. 일시정지 버튼이 일부만 눌리던 문제와, 이어하기를 고려한 최고점·랭킹 저장을 다듬은 경험을 담았습니다.

한 손 드래그

LAST LIGHT: 제로 아워 시작 화면
게임 프로젝트생존 슈팅플레이 가능

LAST LIGHT: 제로 아워

자동 사격을 유지하면서 수동 조준과 충전 무기를 연결한 생존 슈팅 제작기. 모바일 무기 카드의 여백과 로딩 검사까지 다듬은 경험을 담았습니다.

드래그 이동·수동 조준

COASTLINE RUSH 시작 화면
게임 프로젝트3D 아케이드 레이싱플레이 가능

COASTLINE RUSH

Genex에서 GPT6.1 Sol로 만든 3D 해안 레이싱. 조향 문제와 주행감을 게임성에 맞게 조정하고, 작동하지 않던 드리프트를 수정해 공개한 제작 경험입니다.

PC 키보드 · WASD/방향키 · Space · Shift

NEON CIRCUIT 실제 실행 캔버스 화면
웹게임 소스레이싱

NEON CIRCUIT

코너가 이어지는 도로에서 가속과 부스트를 조절하는 레이싱 게임입니다. 화면의 속도감과 실제 주행 계산이 어떻게 나뉘는지 소스로 살펴봅니다.

읽어볼 코드 · 가속·코너 곡률·부스트·랩 판정

동네북 · 골목 대모험 실제 실행 캔버스 화면
웹게임 소스자동 러너

동네북 · 골목 대모험

작은 캐릭터가 골목을 달리며 장애물을 넘고 코인을 모으는 러너입니다. 자동 이동과 두 번의 점프만으로 플레이를 구성하는 방법을 읽어봅니다.

읽어볼 코드 · 자동 이동·2단 점프·코인과 장애물 배치

BOMB GRID 실제 실행 캔버스 화면
웹게임 소스폭탄 미로

BOMB GRID

상자를 부수며 탈출 경로를 만드는 폭탄 미로 게임입니다. 격자 이동, 십자 폭발과 연쇄 반응이 작은 규칙에서 어떻게 만들어지는지 살펴봅니다.

읽어볼 코드 · 격자 충돌·폭발 범위·연쇄 반응

MUSIC LAB

영어 가사에서 시작한 AI 음악 (풀 프롬프트 공개)

서로 다른 장르의 세 곡을 먼저 들어보세요. 가사와 개선 프롬프트는 음악 랩에서 살펴볼 수 있습니다.

15곡 모두 듣기 →

시각화는 실제 음원 분석값을 사용하며, 재생 중인 곡만 움직입니다.

YuE 2 · 영어 가사 · 듣기를 누른 곡만 불러옵니다.

VIDEO LAB

Remotion·HyperFrames로 만든 AI 영상 제작 랩

완성 영상부터 장면별 콘티·제작 해설까지 살펴보세요.

영상 9편 모두 보기 →