ai-html-annotation은(는) 무엇을 하나요?
AI 기반 HTML 프로토타이핑 도구 키트 및 에이전트 스킬 — Claude Code, Codex, Cursor와 함께 실제 DOM UI를 구축, 주석, 검토, 스크린샷 및 반복 작업합니다.
AI 기반 HTML 프로토타이핑 도구 키트 및 에이전트 스킬 — Claude Code, Codex, Cursor와 함께 실제 DOM UI를 구축, 주석, 검토, 스크린샷 및 반복 작업합니다.
이 스킬은 AI 에이전트(Claude Code, Codex, Cursor)를 위한 HTML 프로토타이핑 도구 키트로, 개발자가 실제 DOM 기반 UI를 빠르게 구축하고 반복할 수 있도록 도와줍니다. 주요 기능으로는 HTML 요소에 주석을 추가하여 AI가 UI 의도를 이해하고, 변경 사항을 검토하며, 스크린샷을 캡처하여 시각적 피드백을 제공합니다. 이를 통해 AI와의 협업 시 UI 개발 속도와 정확성을 크게 향상시킬 수 있습니다. 에이전트는 사용자 요청에 따라 HTML을 생성, 수정, 주석 처리하고, 최종 결과물을 스크린샷으로 확인하여 품질을 보장합니다. 주로 프론트엔드 개발, UI 프로토타이핑, AI 기반 코드 리뷰 워크플로우에 유용합니다.
npx skills add Lisuiwen/ai-html-annotationAI 기반 HTML 프로토타이핑 도구 키트 및 에이전트 스킬 — Claude Code, Codex, Cursor와 함께 실제 DOM UI를 구축, 주석, 검토, 스크린샷 및 반복 작업합니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".