Name: open-devin-in-web
Author: newkub

Imported from newkub/open-devin-in-web (AGENTS.md). Install upstream with npx skills add newkub/open-devin-in-web. Copyright stays with the author.

Goal

Web graph visualization ของ Devin global skills, subagents, MCP servers และ global rules

Scope

ใช้กับ open-devin-in-web package ที่เป็น web app สำหรับ visualize skills directory แบบ read-only

Execute

1. Start Every Task

Goal: ตรวจสอบ workspace ก่อนลงมือ

ทำตาม /follow-agents-md เพื่ออ่าน AGENTS.md
ทำตาม /review-architecture
อ่าน global rules จาก C:\Users\Veerapong\.codeium\windsurf\memories\global_rules.md

2. Develop

Goal: พัฒนาและ maintain visualization

ทำตาม /follow-lib-solidjs
ใช้ /follow-tool-vite สำหรับ build
ใช้ /follow-lib-unocss สำหรับ styling
รัน bun run build หลังแก้ไข

3. Validate And Ship

Goal: ตรวจสอบและ commit

ทำตาม /deep-validate
ทำตาม /git-commit
ทำตาม /ship

Rules

1. Format

ใช้ frontmatter name, description, related
ไฟล์ไม่เกิน 250 บรรทัด

2. Architecture

Frontend: SolidJS + TanStack Router + UnoCSS
Backend: Elysia + oRPC (serves graph data from skills directory)
Graph: vis-network (CDN-loaded, force-directed layout)
Build: Vite
src/App.tsx — Main app component
src/Graph.tsx — Graph visualization
src/components/ — UI panels (Detail, Legend, Shortcuts, Stats, TopSkills)
src/orpc/ — oRPC client and router
src/routes/ — File-system routes
src/styles/ — CSS stylesheets
server.ts — Elysia server entry point

3. Tech Stack

SolidJS: /follow-lib-solidjs
Vite: /follow-tool-vite
UnoCSS: /follow-lib-unocss
Elysia: /learn (web)
oRPC: /learn (web)
vis-network: /learn (web)

4. Scripts

bun run dev — Vite dev server (port 5173)
bun run build — Vite build
bun run preview — Vite preview
bun run server — Elysia server (port 3000)

5. Environment

SKILLS_ROOT: path to skills directory (default: %APPDATA%\devin\skills)

6. Workspaces

ไม่ใช่ monorepo: single package

7. Safety

ไม่แก้ไข SKILL.md ของ skill อื่นโดยตรง
อ่าน skills directory แบบ read-only ผ่าน oRPC server

Expected Outcome

AGENTS.md ถูกต้องตาม architecture
tech stack mapping ครบ
ผ่าน /deep-validate

{ "ocm": "1", "id": "newkub-open-devin-in-web-open-devin-in-web", "kind": "skill", "name": "open-devin-in-web", "description": "Web graph visualization ของ Devin global skills, subagents, MCP servers", "publisher": "newkub", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Web graph visualization ของ Devin global skills, subagents, MCP servers" ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/newkub/open-devin-in-web", "path": "AGENTS.md", "ref": "a7d69937410be1c06bba8198fc28ee83b7e3e977", "url": "https://github.com/newkub/open-devin-in-web/blob/a7d69937410be1c06bba8198fc28ee83b7e3e977/AGENTS.md", "key": "newkub/open-devin-in-web/AGENTS.md" } }, "instructions": "## Goal\r\n\r\nWeb graph visualization ของ Devin global skills, subagents, MCP servers และ global rules\r\n\r\n## Scope\r\n\r\nใช้กับ `open-devin-in-web` package ที่เป็น web app สำหรับ visualize skills directory แบบ read-only\r\n\r\n## Execute\r\n\r\n### 1. Start Every Task\r\n\r\n> Goal: ตรวจสอบ workspace ก่อนลงมือ\r\n\r\n1. ทำตาม `/follow-agents-md` เพื่ออ่าน `AGENTS.md`\r\n2. ทำตาม `/review-architecture`\r\n3. อ่าน global rules จาก `C:\\Users\\Veerapong\\.codeium\\windsurf\\memories\\global_rules.md`\r\n\r\n### 2. Develop\r\n\r\n> Goal: พัฒนาและ maintain visualization\r\n\r\n1. ทำตาม `/follow-lib-solidjs`\r\n2. ใช้ `/follow-tool-vite` สำหรับ", "cost": { "context_tokens": 556 } }

open-devin-in-web

About