AI 에이전트를 위한 시각적 UI 주석 도구입니다. React 툴바를 모든 앱에 배치하세요. 사람이 요소를 클릭하고 피드백을 남기면 에이전트는 구조화된 CSS 선택기, 경계 상자 및 React 구성 요소 트리를 받아 정확한 코드를 찾습니다. MCP 감시 루프, 플랫폼별 후크(Claude Code/Codex/Gemini CLI/OpenCode), 웹훅 전달 및 에이전트 브라우저를 통한 자율 자율 구동 비평을 지원합니다.
명령줄에서 agentation AI 스킬을 개발 환경에 빠르게 설치
출처: akillness/skills-template.
The missing link between human eyes and agent code. Instead of describing "the blue button in the sidebar," you hand the agent .sidebar > button.primary. It can grep for that directly.
| Copy-Paste | Human annotates → clicks Copy → pastes markdown into agent chat | | Agent Sync | endpoint prop connects toolbar to MCP server → agent uses agentationwatchannotations loop |
Requirements: React 18+, desktop browser, zero runtime deps beyond React (desktop only — no mobile)
AI 에이전트를 위한 시각적 UI 주석 도구입니다. React 툴바를 모든 앱에 배치하세요. 사람이 요소를 클릭하고 피드백을 남기면 에이전트는 구조화된 CSS 선택기, 경계 상자 및 React 구성 요소 트리를 받아 정확한 코드를 찾습니다. MCP 감시 루프, 플랫폼별 후크(Claude Code/Codex/Gemini CLI/OpenCode), 웹훅 전달 및 에이전트 브라우저를 통한 자율 자율 구동 비평을 지원합니다. 출처: akillness/skills-template.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/akillness/skills-template --skill agentationAI 에이전트를 위한 시각적 UI 주석 도구입니다. React 툴바를 모든 앱에 배치하세요. 사람이 요소를 클릭하고 피드백을 남기면 에이전트는 구조화된 CSS 선택기, 경계 상자 및 React 구성 요소 트리를 받아 정확한 코드를 찾습니다. MCP 감시 루프, 플랫폼별 후크(Claude Code/Codex/Gemini CLI/OpenCode), 웹훅 전달 및 에이전트 브라우저를 통한 자율 자율 구동 비평을 지원합니다. 출처: akillness/skills-template.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/akillness/skills-template --skill agentation 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/akillness/skills-template