Bắt đầu nhanh
Clone repository, đọc README và xác nhận các script hiện có trước khi phát triển.
SetupWorkflow
JAVASCRIPT / TYPESCRIPT UTILITIES · BY VELCLAW
Small tools.
Solid foundations.
Tài liệu tập trung vào tiện ích JavaScript/TypeScript, API công khai và ví dụ có thể đối chiếu với mã nguồn. Các khả năng framework như router, rendering và API handlers vẫn là đề xuất cho đến khi được triển khai và kiểm thử.
quick start / terminal
$git clone https://github.com/Velclaw/OCodejs.git
$cd OCodejs
$npm install
# Kiểm tra scripts và README trước khi chạy test/build
01 / Documentation
Mọi thứ quan trọng, được tổ chức rõ ràng.
Bố cục trang tài liệu theo cùng hệ thống card, khung code và nút hành động như trang OCode.js chính.
Kiến trúc
Tài liệu hóa các lớp runtime, module và ranh giới xử lý theo implementation thực tế.
Architecture
API reference
Chữ ký hàm, kiểu dữ liệu, lỗi có thể phát sinh và ví dụ kiểm chứng được.
TypeScriptAPI
Routing & rendering
Ghi rõ trạng thái hỗ trợ của routes, layouts, SSR/SSG/CSR khi được triển khai.
Testing
Test cho lỗi biên, timeout, xử lý bất đồng bộ và tương thích API.
Đóng góp
Nhánh riêng, thay đổi có phạm vi rõ, CI và pull request để review.
02 / Architecture
Lộ trình kiến trúc tham chiếu.
Sơ đồ này chỉ mô tả hướng nghiên cứu. Router, layouts, API handlers và rendering chưa được coi là tính năng đã phát hành nếu chưa có mã nguồn và kiểm thử xác nhận.
Application layers
# conceptual architecture Application ├─ Routes / Pages ├─ UI / Layouts └─ API Handlers ↓ Runtime ├─ Node.js └─ Supported adapters
Documentation contract
# each feature should document
- Public API and types
- Inputs and return values
- Error and timeout behavior
- Runtime compatibility
- Runnable examples
- Tests and support statusRoutingURL matching, route parameters, 404 behavior
RenderingRendering mode, cache and hydration behavior
HTTP / AsyncRequest lifecycle, cancellation and timeout
04 / Open-source agent skills
The Agent Skills Directory
Khám phá các kỹ năng có thể tái sử dụng để mở rộng quy trình làm việc của AI agent — từ phân tích codebase và thiết kế UI đến kiểm thử, tự động hóa trình duyệt và sáng tạo đa phương tiện.
Quick install
npx skills add <owner/repo>Skills là các gói hướng dẫn và quy trình chuyên biệt mà agent có thể tái sử dụng. Danh mục bên dưới là bộ sưu tập tham khảo; tên skill, nguồn phát hành và mức tương thích cần được xác nhận tại repository gốc.
Claude CodeCursorGitHub CopilotWindsurfGeminiVS CodeZed
Codebase & kiến trúc
Khám phá cấu trúc dự án, phân tích nguyên nhân lỗi và cải thiện thiết kế hệ thống.
find-skillsdiagnosing-bugsimprove-codebase-architecturedomain-modelingtdd
Frontend & UI/UX
Thiết kế giao diện web/app và áp dụng các thực hành tốt cho React/Next.js.
frontend-designdesign-mobile-appsvercel-react-best-practices
ReactNext.jsMobile
Sáng tạo & đa phương tiện
Hỗ trợ quy trình tạo video, hoạt ảnh và nội dung chuyển động.
ai-video-generationhyperframeshyperframes-animationhyperframes-creative
Tự động hóa agent
Điều khiển trình duyệt và tự động hóa các tác vụ theo quy trình.
agent-browserreddit-automation
BrowserAutomation
Tài liệu & điều phối công việc
Hỗ trợ tài liệu làm việc, phân loại yêu cầu và bàn giao tác vụ giữa agent/người dùng.
lark-doctriagehandoff
Chủ đề & bảng xếp hạng
Tra cứu các skill phổ biến và duyệt theo chủ đề thay vì cài đặt ngẫu nhiên.
AITestingReactNext.jsCode quality
Lưu ý an toàn: Skills có thể chứa chỉ dẫn và script từ bên thứ ba. Trước khi cài, hãy xem repository nguồn, đọc tệp
SKILL.md, kiểm tra quyền truy cập và các lệnh được thực thi. Chỉ cài từ nguồn bạn tin cậy. Danh sách nền tảng/skill ở đây là danh mục tham khảo, không phải xác nhận kiểm thử tương thích của dự án OCode.js.05 / Plugin development
Plugin Development for ChatGPT & Codex
Hướng dẫn kiến trúc và quy trình xây dựng plugin kết hợp Skills, MCP server và giao diện tùy chọn để kết nối ChatGPT/Codex với công cụ, dữ liệu và dịch vụ bên ngoài.
Plan — Thiết kế use case
Xác định workflow, ví dụ prompts, tool cần có, quyền truy cập và tiêu chí thành công trước khi viết mã.
Use casesTool schemas
Build — Skills + MCP
Skills hướng dẫn quy trình; MCP server cung cấp tools và kết nối dịch vụ. UI chỉ thêm khi thực sự hữu ích.
SkillsMCPOptional UI
Secure — Auth & privacy
Áp dụng xác thực/phân quyền theo nhu cầu, xác minh token phía server, giới hạn dữ liệu và bảo vệ secrets.
OAuth 2.1Least privilege
Test & publish
Kiểm thử tool, lỗi, quyền và UI trên các bề mặt hỗ trợ; rà soát metadata, gửi duyệt và theo dõi sau phát hành.
ValidationReviewMaintenance
Plugin examplesComputer Use · Chrome Control · Spreadsheets · Presentations · Data Analytics · GitHub triage
Developer standardsPlugin guidelines · UI guidelines · Metadata · Security & privacy · Authentication
Quan trọng: UI là tùy chọn; không phải plugin nào cũng cần MCP server. Chỉ yêu cầu quyền tối thiểu, xác minh quyền ở phía server và rà soát kỹ mã/script bên thứ ba trước khi chạy.
Đọc hướng dẫn phát triển Plugin đầy đủ ↗ · OpenAI Developers ↗
06 / AI product workspace
x-bo by OCODE.js
Bản thiết kế sản phẩm cho AI web builder: chuyển prompt hoặc hình tham khảo thành mã nguồn có thể xem xét, preview, kiểm thử và đồng bộ qua GitHub — theo quy trình có kiểm soát.
PRODUCT BLUEPRINT
Prompt → Plan → Generate → Preview → Test → Pull RequestPrompt & Assets
Nhập mô tả, thêm hình tham khảo và chọn template. Mỗi yêu cầu được chuyển thành mục tiêu và tiêu chí nghiệm thu.
ChatImagesTemplates
AI Planner & Codegen
Chia việc thành task, sinh component/file theo diff, tạo test và báo rõ phần nào đã chạy hoặc còn chờ.
TasksCodeTests
Preview & Design Mode
Xem bố cục responsive, tinh chỉnh design tokens và kiểm tra mã trong workspace cô lập trước khi đồng bộ.
ResponsiveInspectorDiff
GitHub & Release Gates
Mặc định tạo branch/PR, chạy checks và xác minh staging. Production chỉ sau khi được phê duyệt rõ ràng.
Branch / PRCIApproval
1 · InputPrompt, hình tham khảo, template và design tokens
2 · WorkspaceTasks, preview, Design Mode, Code Mode và test results
3 · DeliveryDiff có thể review, GitHub PR, staging và release gates
Trạng thái trung thực: đây là blueprint/lộ trình thiết kế, không phải tuyên bố rằng tất cả tính năng đã có trong X-BO. Figma import, iOS app, one-click deploy và các tích hợp bên ngoài cần được xây dựng, kiểm thử và xác minh riêng.
03 / API reference
API cần kiểm chứng được.
Mỗi module nên đi kèm chữ ký, ví dụ chạy được và kiểm thử. Trạng thái bên dưới là checklist tài liệu, không khẳng định tính năng đã phát hành.
| Module | Tài liệu cần có | Kiểm thử |
|---|---|---|
string | Input/output, Unicode, escaping | Edge cases |
object | Deep paths, merge semantics | Nested values |
async | Retry, timeout, cancellation | Resolve/reject/race |
url / http | Parsing, status, request errors | Malformed URL / timeout |
validation | Constraints and error format | Boundary values |
04 / Form components
Biểu mẫu cùng hệ thống giao diện.
Mẫu form tham chiếu để thống nhất cách trình bày input, select, textarea và nút hành động với thiết kế OCode.js. Đây là demo giao diện, không gửi dữ liệu đi đâu.
OCode.js · Velclaw
Tối giản ở giao diện.
Chính xác trong tài liệu.
Mở repository để xem implementation mới nhất và đối chiếu mọi ví dụ với mã nguồn thực tế.