agentation은(는) 무엇을 하나요?
Agentation 시각적 피드백 툴바를 Next.js 프로젝트에 추가합니다.
Next.js 프로젝트에 Agentation 시각적 피드백 툴바를 추가합니다.
이 스킬은 Agentation의 시각적 피드백 툴바를 Next.js 프로젝트에 통합하는 방법을 제공합니다. 개발자는 이 스킬을 사용하여 AI 에이전트의 동작을 시각적으로 모니터링하고 디버깅할 수 있는 UI를 쉽게 추가할 수 있습니다. Next.js 애플리케이션에서 실시간 피드백과 상호작용 로그를 확인할 수 있어 에이전트 기반 워크플로우 개발 속도를 크게 향상시킵니다. 설치 및 설정 과정은 간단하며, 기존 Next.js 프로젝트에 최소한의 변경만으로 통합됩니다.
npx skills add https://github.com/benjitaylor/agentation/tree/main/skills/agentationInstalled? Explore more 이미지 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Agentation 시각적 피드백 툴바를 Next.js 프로젝트에 추가합니다.
This repo contains 1 individual skill — each has its own dedicated page.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.