[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81398":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":12,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":9,"pushedAt":9,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":15,"starSnapshotCount":15,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},81398,"Agent-Pixels","gcampton\u002FAgent-Pixels","gcampton","Agent-Pixels is a paperclip plugin implementation of 'Pixel-Agents' the VSCode extension by Pablo De Lucca (7k Stars). The plugin features new \"Security Cameras\" in Paperclip by Dotta (60k Stars)",null,"TypeScript",46,6,36,1,0,4,10,12,2.54,false,"main",true,[],"2026-06-12 02:04:14","# Agent Pixels\n\n![Agent Pixels logo banner](public\u002Fassets\u002Fbrand\u002Fagent-pixels-logo-banner.jpg)\n\nAgent Pixels is a Paperclip plugin that turns your company of AI agents into a live pixel-art office camera.\n\nLearn more at [agent-pixels.com](https:\u002F\u002Fagent-pixels.com).\n\n![Agent Pixels hero image](public\u002Fassets\u002Fbrand\u002Fagent-pixels-hero.jpg)\n\n## What It Does\n\n- Shows Paperclip agents walking around a multi-room pixel office.\n- Moves working agents toward desks and idle agents toward lounge, kitchen, boardroom, and games areas.\n- Supports multiple camera views across the office layout.\n- Includes assignable character sprites so each agent can have a consistent look.\n- Expands the original pixel-agent style into a denser company view for larger Paperclip teams.\n\n## Screenshots\n\n![Agent Pixels camera screenshot](public\u002Fassets\u002Fbrand\u002Fagent-pixels-screenshot-camera.jpg)\n\n![Agent Pixels character picker screenshot](public\u002Fassets\u002Fbrand\u002Fagent-pixels-screenshot-characters.jpg)\n\n## Install\n\n### Release Version\n\nUse the release version if you just want to install Agent Pixels. The release ZIP already contains the built plugin files, so you do not need the Paperclip source code or plugin SDK locally.\n\nPrerequisites:\n\n- Paperclip running\n- The latest `agent-pixels-*.zip` release file\n\nDownload the latest `agent-pixels-*.zip` from the GitHub Releases page, then unzip it into your Paperclip plugins folder:\n\n```text\n~\u002F.paperclip\u002Fplugins\u002F\n```\n\nAfter unzipping, you should have a folder like this:\n\n```text\nagent-pixels-0.1.0\u002F\n  package.json\n  README.md\n  dist\u002F\n    manifest.js\n    worker.js\n    ui\u002F\n```\n\nFor Docker installs, unzip the release into a bind-mounted folder and install the path as seen from inside the container, for example:\n\n```text\n\u002Fpaperclip\u002Fplugins\u002Fagent-pixels-0.1.0\n```\n\n### Development Version\n\nUse the development version if you want to edit Agent Pixels or build it from source.\n\nPrerequisites:\n\n- Node.js\n- pnpm\n- Paperclip running\n- Paperclip source code cloned locally\n- Built Paperclip plugin SDK\n\nIf you installed Paperclip from npm and do not have the Paperclip source code locally, use the release version instead. Building from source currently requires the Paperclip repo because the plugin SDK is not published separately.\n\nTo be more specific, make sure you:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fpaperclipai\u002Fpaperclip\n```\n\nClone and build Agent Pixels:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fgcampton\u002FAgent-Pixels\ncd Agent-Pixels\npnpm install\npnpm run build\n```\n\nThe build output is written to `dist\u002F`.\n\nIf your Paperclip source is somewhere else, set the SDK path when building. This path should point to the built Paperclip plugin SDK:\n\n```bash\nPAPERCLIP_SDK_DIST=\u002Fpath\u002Fto\u002Fpaperclip\u002Fpackages\u002Fplugins\u002Fsdk\u002Fdist pnpm run build\n```\n\nThen install the plugin in Paperclip using the local path to this repo.\n\nTo create a release ZIP after building:\n\n```bash\npnpm run package:release\n```\n\nThis requires the `zip` command-line tool. The ZIP is written to `release\u002F`.\n\n## Development\n\nRun checks before opening a pull request:\n\n```bash\npnpm run typecheck\npnpm run build\n```\n\n### Self-Hosted Docker Install\n\nFor self-hosted Paperclip, clone Agent Pixels into a folder that is visible inside the Paperclip container. The install API must receive the container path, not the host path.\n\nExample host path:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fgcampton\u002FAgent-Pixels \u002Fvolume4\u002Fdocker\u002Fpaperclip\u002Fplugins\u002Fagent-pixels\n```\n\nExample container path:\n\n```text\n\u002Fpaperclip\u002Fplugins\u002Fagent-pixels\n```\n\nAgent Pixels currently builds against the Paperclip plugin SDK from the Paperclip monorepo. Build `@paperclipai\u002Fshared` and `@paperclipai\u002Fplugin-sdk` from the Paperclip source first:\n\n```bash\ncd \u002Fpath\u002Fto\u002Fpaperclip\u002Fpackages\u002Fshared\nnpm install\nnpx tsc --noEmitOnError false\n\ncd \u002Fpath\u002Fto\u002Fpaperclip\u002Fpackages\u002Fplugins\u002Fsdk\nnpm install\nnpx tsc --noEmitOnError false\n```\n\nThen build Agent Pixels. If the plugin is not cloned under the Paperclip repo, set `PAPERCLIP_SDK_DIST`:\n\n```bash\ncd \u002Fpath\u002Fto\u002FAgent-Pixels\nnpm install\nPAPERCLIP_SDK_DIST=\u002Fpath\u002Fto\u002Fpaperclip\u002Fpackages\u002Fplugins\u002Fsdk\u002Fdist npm run build\n```\n\nIn authenticated Paperclip deployments, create a CLI auth challenge and approve it as an instance admin:\n\n```bash\ncurl -s -X POST http:\u002F\u002F\u003Cyour-paperclip-host>\u002Fapi\u002Fcli-auth\u002Fchallenges \\\n  -H \"Content-Type: application\u002Fjson\" \\\n  -d '{\"requestedAccess\":\"instance_admin_required\",\"command\":\"plugin install\"}'\n```\n\nOpen the returned `approvalUrl`, approve the request, then install using the returned `boardApiToken`:\n\n```bash\ncurl -s -X POST http:\u002F\u002F\u003Cyour-paperclip-host>\u002Fapi\u002Fplugins\u002Finstall \\\n  -H \"Authorization: Bearer \u003CboardApiToken>\" \\\n  -H \"Content-Type: application\u002Fjson\" \\\n  -d '{\"packageName\":\"\u002Fpaperclip\u002Fplugins\u002Fagent-pixels\",\"isLocalPath\":true}'\n```\n\n## Assets\n\nCharacter sprites live in:\n\n```text\npublic\u002Fassets\u002Fcharacters\u002F\n```\n\nAdd new sprites as `char_81.png`, `char_82.png`, etc. The build script auto-detects `char_*.png` files and adds them to the plugin asset index.\n\n### Asset Dimensions\n\nAgent Pixels uses a 16px tile grid.\n\n| Asset type | Location | Size |\n| --- | --- | --- |\n| Character sprite sheet | `public\u002Fassets\u002Fcharacters\u002Fchar_*.png` | `112x96` PNG |\n| Character frame | inside each character sheet | `16x32` |\n| Character sheet layout | inside each character sheet | `7` columns x `3` rows |\n| Floor tile | `public\u002Fassets\u002Ffloors\u002Ffloor_*.png` | `16x16` |\n| Wall tile sheet | `public\u002Fassets\u002Fwalls\u002Fwall_0.png` | `64x128` |\n| Furniture sprites | `public\u002Fassets\u002Ffurniture\u002F**` | Multiples of `16px` |\n| Office layout | `public\u002Fassets\u002Fdefault-layout-1.json` | `21x22` tiles (`336x352px`) |\n| Boardroom\u002Fkitchen layout | `public\u002Fassets\u002Fagent-pixels-layout-boardroom-kitchen.json` | `22x15` tiles (`352x240px`) |\n| Combined camera map | generated in the UI | `68x22` tiles (`1088x352px`) |\n\nCharacter sheets use three direction rows: front, back, and side. The opposite side direction is mirrored by the renderer.\n\nCommon furniture sizes currently in use:\n\n| Asset | Size |\n| --- | --- |\n| Desk front | `48x32` |\n| Desk side | `16x64` |\n| PC sprites | `16x32` |\n| Wooden\u002Fcushioned chairs | `16x32` or `16x16` |\n| Sofa front\u002Fback | `32x16` |\n| Sofa side | `16x32` |\n| Boardroom table | `48x80` |\n| Pool table | `80x48` |\n| Arcade machine | `32x48` |\n| Paintings\u002Fwhiteboard | `16x32` or `32x32` |\n| Plants | `16x32` or `32x48` |\n\n## Ready-Made Paperclip Companies\n\nAgent Pixels is free to use. It is also designed to work nicely with ready-made Paperclip company packs that are available at [agent-pixels.com](https:\u002F\u002Fagent-pixels.com).\n\nPaperclip company packs include:\n\n- SEO agency\n- Game dev agency\n- SaaS company\n- Full company\n\nMore company types are being explored. Agent Pixel Company packs are built from Garratt's personal agents developed over many months. Agents come with a Task Router Engine and extensive reference files to grep. Scraped from high quality web data, these make whatever AI you use on par with pretrained AI LLMs without having to do the work. For example, the Copywriter comes with over 7 reference files to grep and 6 different task files for the right job.\n\n## Support\n\nFor feature requests, bugs, or help using Agent Pixels, please submit a ticket at [agent-pixels.com\u002Fsupport](https:\u002F\u002Fwww.agent-pixels.com\u002Fsupport).\n\n## What's Next\n\nPlanned improvements include:\n\n- More character models and customization options.\n- More visual assets, props, and office interactions.\n- Adjustable office scale, including desks, meeting rooms, lounges, and floors.\n- Additional layouts such as co-working spaces, agency lofts, and high-rise offices.\n- Better idle behaviors and animations, including talking, pacing, and coffee runs.\n\n## Contributing\n\nPull requests are welcome for bug fixes, plugin improvements, new room assets, furniture, and character sprites.\n\nFor commercial enquiries, ready-made Paperclip company packs, or larger collaboration ideas, start at [agent-pixels.com](https:\u002F\u002Fagent-pixels.com).\n","Agent-Pixels 是一个Paperclip插件，它将AI代理以像素艺术的形式展示在一个虚拟办公室中。核心功能包括显示代理在多房间办公室内的移动、根据工作状态分配不同区域以及支持多个摄像头视角切换，同时允许为每个代理分配可自定义的角色形象，适用于较大的团队。该插件采用TypeScript开发，适合希望以更直观且有趣的方式监控或展示其AI代理活动的场景使用。通过简单的安装步骤即可集成到现有的Paperclip环境中。",2,"2026-06-11 04:04:54","CREATED_QUERY"]