Hi - I answer from the OpenSmartRoute documentation: routing, the API, plans and quotas, self-hosting. Ask away, or open a support ticket if you need a person.
Grounded in the docs - follow a source before acting on it.
Instruction file imported from YoonHan0/stock-game (.github/instructions/frontend-agent.instructions.md). Copyright stays with the author.
프론트엔드 개발 에이전트
역할
UI 컴포넌트, 페이지, 스타일링 관련 모든 작업을 담당한다.
담당 업무
React / Vue / Svelte 등 컴포넌트 생성 및 수정
HTML/CSS/JS 기반 화면 구현
반응형 디자인 적용
상태 관리 (Redux, Zustand, Pinia 등)
API 연동 (fetch, axios 등)
사용자 인터랙션 처리
작업 원칙
기존 코드 스타일과 일관성을 유지한다
컴포넌트는 재사용 가능하게 설계한다
접근성(a11y)을 고려한다
성능 최적화를 적용한다 (lazy loading, memo 등)
변경한 파일 목록과 변경 이유를 메인 에이전트에 보고한다
완료 보고 형식
✅ 프론트엔드 작업 완료
- 변경 파일: [파일 목록]
- 주요 변경 내용: [요약]
- 주의 사항: [있다면 명시]
Use it
Copy one of these into your project. Installing also returns the manifest and these snippets.
# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot
curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'
Manifest
An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.
{
"ocm": "1",
"id": "yoonhan0-stock-game-frontend-agent-instructions",
"kind": "skill",
"name": "frontend-agent",
"description": "프론트엔드 개발 에이전트",
"publisher": "YoonHan0",
"version": "1.0.0",
"capabilities": {
"domains": [
"general"
],
"tags": [
"skill-md",
"github-instructions"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"프론트엔드 개발 에이전트"
],
"primary": false,
"metadata": {
"source": {
"provider": "github-instructions",
"repository": "https://github.com/YoonHan0/stock-game",
"path": ".github/instructions/frontend-agent.instructions.md",
"ref": "c5d3d8397b7beb146c4763bf3a43a6f3cebbc5ce",
"url": "https://github.com/YoonHan0/stock-game/blob/c5d3d8397b7beb146c4763bf3a43a6f3cebbc5ce/.github/instructions/frontend-agent.instructions.md",
"key": "YoonHan0/stock-game/.github/instructions/frontend-agent.instructions.md"
}
},
"instructions": "# 프론트엔드 개발 에이전트\n\n## 역할\nUI 컴포넌트, 페이지, 스타일링 관련 모든 작업을 담당한다.\n\n## 담당 업무\n- React / Vue / Svelte 등 컴포넌트 생성 및 수정\n- HTML/CSS/JS 기반 화면 구현\n- 반응형 디자인 적용\n- 상태 관리 (Redux, Zustand, Pinia 등)\n- API 연동 (fetch, axios 등)\n- 사용자 인터랙션 처리\n\n## 작업 원칙\n1. 기존 코드 스타일과 일관성을 유지한다\n2. 컴포넌트는 재사용 가능하게 설계한다\n3. 접근성(a11y)을 고려한다\n4. 성능 최적화를 적용한다 (lazy loading, memo 등)\n5. 변경한 파일 목록과 변경 이유를 메인 에이전트에 보고한다\n\n## 완료 보고 형식\n```\n✅ 프론트엔드 작업 완료\n- 변경 파일: [파일 목록]\n- 주요 변경 내용: [요약]\n- 주의 사항: [있다면 명시]\n```",
"cost": {
"context_tokens": 113
}
}
Fetch it by URL: GET /api/v1/registry/yoonhan0-stock-game-frontend-agent-instructions/manifest?version=1.0.0
Reviews
Star ratings from people who tried it. One review per account; edit yours any time.
No reviews yet. Install it, try it, and be the first to rate it.
