AI 코딩
AI로 앱과 사이트를 만드는 도구, 설치 방법과 코딩 자료를 모았습니다.
AI 코딩 자료
20개
브랜드디자인파일2000
유명 사이트 2,000개 이상의 색·글씨체·여백·부품을 AI가 읽는 DESIGN.md 파일로 모아 둔 Refero Styles. 사이트 주소, 파일 복사부터 클로드 코드·커서에 붙여 넣는 문장, 쓰기 전에 알아 둘 조건까지 정리했어요.
AI영상효과음3개
AI로 만든 영상의 어색한 효과음을 고치는 무료 도구 3개(Earshot·Real SFX·Openverse). 설치 순서, AI한테 그대로 붙여 넣는 문장, 공짜 소리 받는 곳과 라이선스 읽는 법, 쓰기 전에 알아 둘 조건까지 공식 문서 기준으로 정리했어요.
30-4725.깃허브디자인창고4개
사이트를 화려하게 만드는 무료 라이브러리 4개(Lenis·GSAP·Vanta·React Bits). 설치 문장 4개, AI한테 그대로 붙여 넣는 문장, 쓰기 전에 알아 둘 조건(라이선스·속도)까지 공식 문서 기준으로 정리했어요.
27-8110.보안점검스킬
Cloudflare가 무료로 공개한 보안 점검 스킬을 AI 코딩 도구에 설치하는 한 줄, 점검 시키는 말 3개, 결과 파일 읽는 법, 꼭 알아야 할 조건을 공식 README 기준으로 정리했어요.
26-8110.AI가빠뜨린10개
폰 화면부터 방문자 통계까지, AI한테 그대로 붙여 넣는 점검 문장 10개와 항목별로 직접 확인하는 법을 공식 문서 기준으로 정리했어요.
AI검색무료
AI 에이전트의 웹 검색·페이지 읽기를 무료 업체(TinyFish)부터 돌리는 treg 웹 액세스 — 설치 명령, 무료로만 쓰는 설정, 금액 상한 거는 법
깃연습게임2개
Learn Git Branching(한국어)과 Gitvana(레트로 게임) 링크, 추천 순서, 리셋·리버트·리플로그가 뭔지와 언제 무엇을 쓰는지, AI한테 되돌려 달라고 할 때 쓸 문장까지.
폰원격
클로드 코드 공식 기능 Remote Control. 켜는 명령 세 가지와 차이, 폰에서 여는 법(QR·코드 탭), 꼭 맞아야 하는 조건, 끄는 법과 다시 켜는 법, 매번 자동으로 켜기까지.
지시문점검
클로드 코드의 지시문 점검 명령(/doctor prompt-audit) 쓰는 법, 리포트 읽는 법, 뜬 것 중 남길 줄 고르는 기준 세 가지, 강조 지우기·이유 붙이기·모순 합치기 고친 예시까지.
코덱스검수
OpenAI 공식 코덱스 플러그인 설치 명령 네 줄, 검수 명령 모음(그냥 검수·따져 묻는 검수·뒤에서 돌리기), 초안 클로드 → 검수 GPT → 수정 클로드 예시 문장, 사용량 아끼는 법까지.
한도두줄
잔일은 도우미한테 넘기라는 규칙 파일(CLAUDE.md) 한 줄, 도우미 파일에 모델은 하이쿠 한 줄. 그대로 복사해 쓰는 템플릿, 파일 넣는 위치, 기본 탐색 도우미 바꾸기, 꼭 알아야 할 조건까지.
공식부품4개
Supabase·Vercel·크롬 개발자 도구·oh-my-claudecode를 클로드 코드에 끼우는 설치 명령, 미리 만들어 둘 계정과 프로그램 순서, 처음 시켜 볼 문장, 끄는 법과 주의할 점까지.
가상사무실
무료 오픈소스 'Le Bureau des agents' 설치 문장 한 줄, 처음 할 일, 바로 써먹는 첫 미션 예시, 단축키, 요금·안전 주의점, 프랑스어 화면 읽는 법까지.
AI전화
가입과 API 키, 키를 안전하게 두는 법, 클로드 코드에 붙여넣는 문장 전문, '전화해' 스킬 만들기, 통화 내용 받아 보기, 요금과 한국 번호 조건까지.
AI티도구3개
임페커블·디자인 MD·홀마크 설치법과 자주 쓰는 명령, 이미 만든 사이트 고치는 순서, 아무것도 안 깔고 바로 쓰는 문장까지.
사이트12개
12개 체크리스트, AI한테 한 번에 시키는 문장, 항목별로 시키는 문장 12개, 확인하는 법과 흔한 실수까지.
보안 체크
개발 몰라도 클로드한테 세 마디만 하면 막을 수 있어요. 왜 위험한지, 직접 확인하는 법, 붙여넣을 점검 문장, 이미 터졌을 때까지.
앱전도구4개
포니테일·옴니라우트·그래피파이·에이전트 스킬. 왜 좋은지, 공식 설치 명령, 깔고 나서 처음 칠 명령까지.
클로드 습관
한도는 요금제가 아니라 습관이 정해요. 영상의 나쁜 습관 5개를 왜, 어떻게, 어떤 명령으로 고치는지까지.
오르카
클로드 코드 하나 기다리지 말고 여러 개를 동시에. 설치부터 작업 공간, 결과 비교, 한도 보기, 폰 연결까지 순서대로.