[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EMVH6MM4RXYK568WRTXTPZ":3,"skill-same:01M6EMVH6MM4RXYK568WRTXTPZ":61},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":27,"linkOnly":28,"markdownContent":29,"markdownBody":30,"frontMatter":31,"refName":32,"commitSha":33,"skillDirectory":34,"forksCount":35,"repositoryHtmlUrl":36,"repositoryHomepageUrl":37,"ownerHtmlUrl":38,"ownerBlogUrl":6,"ownerDescription":39,"updatedAt":40,"install":41,"resources":54},"01M6EMVH6MM4RXYK568WRTXTPZ","agentation",null,"Add Agentation visual feedback toolbar to a Next.js project","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",66,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fbenjitaylor\u002Fagentation\u002FSKILL.md",[],[5,19,20,21,22,23,24,25,26],"Next.js","js","feedback","visual feedback","next","visual","project","add","2026-11-10 10:12:30",false,"---\nname: agentation\ndescription: Add Agentation visual feedback toolbar to a Next.js project\n---\n\n# Agentation Setup\n\nSet up the Agentation annotation toolbar in this project.\n\n## Steps\n\n1. **Check if already installed**\n   - Look for `agentation` in package.json dependencies\n   - If not found, run `npm install agentation` (or pnpm\u002Fyarn based on lockfile)\n\n2. **Check if already configured**\n   - Search for `\u003CAgentation` or `import { Agentation }` in src\u002F or app\u002F\n   - If found, report that Agentation is already set up and exit\n\n3. **Detect framework**\n   - Next.js App Router: has `app\u002Flayout.tsx` or `app\u002Flayout.js`\n   - Next.js Pages Router: has `pages\u002F_app.tsx` or `pages\u002F_app.js`\n\n4. **Add the component**\n\n   For Next.js App Router, add to the root layout:\n   ```tsx\n   import { Agentation } from \"agentation\";\n\n   \u002F\u002F Add inside the body, after children:\n   {process.env.NODE_ENV === \"development\" && \u003CAgentation \u002F>}\n   ```\n\n   For Next.js Pages Router, add to _app:\n   ```tsx\n   import { Agentation } from \"agentation\";\n\n   \u002F\u002F Add after Component:\n   {process.env.NODE_ENV === \"development\" && \u003CAgentation \u002F>}\n   ```\n\n5. **Confirm setup**\n   - Tell the user to run their dev server and look for the Agentation toolbar (floating button in bottom-right corner)\n\n## Notes\n\n- The `NODE_ENV` check ensures Agentation only loads in development\n- Agentation requires React 18\n- No additional configuration needed — it works out of the box\n","# Agentation Setup\n\nSet up the Agentation annotation toolbar in this project.\n\n## Steps\n\n1. **Check if already installed**\n   - Look for `agentation` in package.json dependencies\n   - If not found, run `npm install agentation` (or pnpm\u002Fyarn based on lockfile)\n\n2. **Check if already configured**\n   - Search for `\u003CAgentation` or `import { Agentation }` in src\u002F or app\u002F\n   - If found, report that Agentation is already set up and exit\n\n3. **Detect framework**\n   - Next.js App Router: has `app\u002Flayout.tsx` or `app\u002Flayout.js`\n   - Next.js Pages Router: has `pages\u002F_app.tsx` or `pages\u002F_app.js`\n\n4. **Add the component**\n\n   For Next.js App Router, add to the root layout:\n   ```tsx\n   import { Agentation } from \"agentation\";\n\n   \u002F\u002F Add inside the body, after children:\n   {process.env.NODE_ENV === \"development\" && \u003CAgentation \u002F>}\n   ```\n\n   For Next.js Pages Router, add to _app:\n   ```tsx\n   import { Agentation } from \"agentation\";\n\n   \u002F\u002F Add after Component:\n   {process.env.NODE_ENV === \"development\" && \u003CAgentation \u002F>}\n   ```\n\n5. **Confirm setup**\n   - Tell the user to run their dev server and look for the Agentation toolbar (floating button in bottom-right corner)\n\n## Notes\n\n- The `NODE_ENV` check ensures Agentation only loads in development\n- Agentation requires React 18\n- No additional configuration needed — it works out of the box\n",{"name":5,"description":7},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fbenjitaylor\u002Fagentation",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":42,"prompt":52,"zipAvailable":53},[43,46,49],{"tool":44,"command":45},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill agentation",{"tool":47,"command":48},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill agentation",{"tool":50,"command":51},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill agentation","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fbenjitaylor\u002Fagentation\u002FSKILL.md",true,[55],{"path":56,"resourceType":57,"resourceTypeDesc":58,"sizeBytes":59,"sourceHtmlUrl":60},"skill-report.json","REFERENCE","参考文档",8014,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fbenjitaylor\u002Fagentation\u002Fskill-report.json",[62,76,86,95,101,108],{"skillNo":63,"name":64,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":65,"categories":66,"keywords":72,"publishedAt":27},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[67],{"categoryNo":68,"categoryName":69,"taxonomyType":70,"taxonomyTypeDesc":71},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[73,74,75],"model","model hierarchy","model hierarchy skill",{"skillNo":77,"name":78,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":82,"publishedAt":27},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[81],{"categoryNo":68,"categoryName":69,"taxonomyType":70,"taxonomyTypeDesc":71},[83,84,85],"MCP","zoom","zoom mcp",{"skillNo":87,"name":88,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":89,"categories":90,"keywords":91,"publishedAt":27},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[92,93,94,84],"sdk","zoom apps sdk","apps",{"skillNo":96,"name":97,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":100,"publishedAt":27},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[97],{"skillNo":102,"name":103,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":107,"publishedAt":27},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[106],{"categoryNo":68,"categoryName":69,"taxonomyType":70,"taxonomyTypeDesc":71},[103],{"skillNo":109,"name":110,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":27},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[110]]