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.
{
"ocm": "1",
"id": "f1soft611-s-erp-frontend-responsive-instructions",
"kind": "skill",
"name": "frontend-responsive",
"description": "프론트엔드 화면의 반응형 브라우저 구현 및 검증 규칙",
"publisher": "f1soft611",
"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/f1soft611/s-erp",
"path": ".github/instructions/frontend-responsive.instructions.md",
"ref": "ea6f50d515738e5a62fb5cd56828a5ae7d49c3cd",
"url": "https://github.com/f1soft611/s-erp/blob/ea6f50d515738e5a62fb5cd56828a5ae7d49c3cd/.github/instructions/frontend-responsive.instructions.md",
"key": "f1soft611/s-erp/.github/instructions/frontend-responsive.instructions.md"
},
"applies_to": "frontend/**/*.{ts,tsx,css,scss,html}"
},
"instructions": "# 반응형 화면 규칙\n\n- 모바일, 태블릿, 데스크톱 뷰포트를 모두 고려해 화면을 구현합니다.\n- 최소 375px, 768px, 1280px 뷰포트에서 레이아웃을 확인합니다.\n- 고정 폭 레이아웃과 의도하지 않은 가로 스크롤을 피합니다.\n- 좁은 화면에서 텍스트, 버튼, 표, 필터 영역이 겹치거나 잘리지 않아야 합니다.\n- 테이블과 넓은 콘텐츠는 필요할 때 해당 영역 내부 스크롤을 사용하고 페이지 전체 가로 스크롤은 피합니다.\n- 기존 프로젝트의 스타일 체계와 컴포넌트 패턴을 우선하며, 필요한 경우 미디어 쿼리와 유동적인 레이아웃을 적용합니다.\n- 화면 변경 후 DOM 테스트만으로 끝내지 않고 실제 브라우저에서 모바일 및 데스크톱 렌더링을 확인합니다.\n- 반응형 동작을 확인할 수 있도록 필요한 경우 결과 문서에 브라우저 스크린샷을 포함합니다.",
"cost": {
"context_tokens": 105
}
}
Fetch it by URL: GET /api/v1/registry/f1soft611-s-erp-frontend-responsive-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.
