아이디어 뱅크
AI 강사 브라우저 툴 50선
해결하는 문제
브라우저로 무엇을 만들 수 있는지 감이 오지 않는다.
"브라우저로 만들 수 있는 업무도구" 후보 50개를 인터랙티브 목록으로 정리한 아이디어 뱅크입니다.
서버 의존도
서버 없이 브라우저 기본 기능만 씁니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것업무 키워드
브라우저가 하는 일분야·난이도로 걸러 보기
나오는 것만들 도구 후보 목록
쓰는 브라우저 기술
DOM 필터·검색
라이브러리와 모델
외부 라이브러리 없이 브라우저 기본 기능만 씁니다.
바꿀 수 있는 옵션
- 분야 분류
- 난이도 표시
자주 막히는 곳
- 목록만 있고 만드는 법이 없으면 실행으로 이어지지 않는다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 내 업무를 입력하면 맞는 도구를 추천
웹 서비스
- 강의 사전 과제 선택판
피지컬 AI
- 체험 부스 메뉴판
넓히는 방법
- 각 후보를 BR 스킬로 확장
- 수강생 투표 기능
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
브라우저로 만들 수 있는 업무 도구 아이디어 50개를 분야와 난이도로 걸러 볼 수 있는 인터랙티브 카탈로그를 만들어줘.
같은 분류의 능력
07 단일 HTML 앱에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md