그동안 AI 코드에이터를 왜 직접 만들려고만 하고 있었을까요...

능력자들이 벌써 이렇게 훌륭한걸 만들어 놓았는데 말입니다. ㄷㄷ

웹, 앱 뭐든 코드 리뷰, 생성, 편집이 필요하다면 로컬 LLM 또는 API로 연결해서 쓸 수 있습니다.

최근 Qwen3.6 27B가 대부분의 벤치마크에서 클로드 4.6 오푸스를 뛰어넘는다고

장비병이 더욱 심각해지는 로컬 LLM 유저들이 많습니다... 저 역시...

Qwen3.6 27B 시원하게 돌려보고 싶네요 흑흑 ㅜ ㅜ..

Dtree, Dflash 쓰면 속도좀 올라갈거 같긴 합니다만..

아래는 Qwen3.6 35B A3B의 제작입니다.

도심 풍경 속 ANG! 이라는 글자가 땅 위에 서 있고, 사람들이 주변에 모여 있는 다이나믹한 웹페이지를 하나 제작

빈 폴더가 있네요. 바로 계획을 수립하고 실행하겠습니다.

계획

구현할 내용:

1. HTML/CSS/JS 단일 파일로 도시 풍경 배경 생성 (그라데이션 하늘, 빌딩 실루엣, 땅)

2. "ANG!"을 3D 입체 텍스트로 땅 위에 서 있게 표현 (그라데이션, 그림자, 애니메이션)

3. 주변에 모여 있는 사람 캐릭터들 (SVG/CSS 기반 애니메이션)

4. 동적 효과: 텍스트 흔들림, 사람 움직임, 파티클/빛 효과

구현 계획

도시 풍경 속에서 "ANG!"이 땅 위에 서 있고, 사람들이 주변에 모여 있는 다이나믹한 웹페이지를 단일 HTML 파일로 제작합니다.

구성 요소

1. 하늘 배경 - 보라색/남색 그라데이션 + 반짝이는 별 80개 + 달

2. 도시 스카이라인 - 18개 빌딩 (각각 랜덤 높이/너비, 깜빡이는 창문)

3. 땅/로드 - 그라데이션 지면 + 도로 표시선

4. "ANG!" 텍스트 - 3D 입체 효과, 무지개 그라데이션, 플로팅 애니메이션, 그림자

5. 사람 캐릭터 10명 - CSS로 만든 작은 인물들 (랜덤 피부색/머리색/옷색), 바운스 애니메이션

6. 파티클 - 35개의 빛 입자가 ANG! 주변에서 떠다님

7. 인터랙션 - 마우스 패러랙스 + 클릭 시 스파크 효과

기술 스택

• 순수 HTML + CSS + JavaScript (외부 라이브러리 없음)

• 반응형 디자인 (모바일 대응)

• CSS 애니메이션 + JS 동적 생성

이 계획으로 진행하시겠습니까? 아니면 수정할 부분이 있으신가요?

그렇게 만들어 주세요

파일 생성 완료되었습니다. /Users/dinki/Desktop/test/index.html을 브라우저에서 열어보세요.

포함된 기능