Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add rules/gaebalai/cursor-def-a-rule/frontend_rulesgit clone --depth 1 https://github.com/gaebalai/Cursor-DEF-A-RuleWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/rules/gaebalai/cursor-def-a-rule/frontend_rules)<a href="https://agentmods.dev/rules/gaebalai/cursor-def-a-rule/frontend_rules"><img src="https://agentmods.dev/badge/rules/gaebalai/cursor-def-a-rule/frontend_rules.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00896 | $0.00896 |
| Opus 5 | $0.00448 | $0.00448 |
| Sonnet 5 | $0.00179 | $0.00179 |
| Haiku 4.5 | $0.00090 | $0.00090 |
Grade A, and why
frontend_rules scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Copyright (c) 2025 Jaewoo Kim
MIT License - https://opensource.org/licenses/MIT
[FRONTEND] 프런트엔드 개발 가이드 라인
기술 스택(우선순위 포함)
- TypeScript - 형 안전성 중시, ES6+ 구문 사용
- Nuxt.js/Next.js - JAMstack 구성, SSR/SSG 대응
- React/Vue.js - 컴포넌트 기반 개발
- CSS - PostCSS, CSS Grid/Flexbox, Tailwind CSS
컴포넌트 설계 원칙
- 단일 책임: 한 구성 요소는 하나의 책임만
- 재사용성: 범용적이고 재사용 가능한 설계
- Props형 정의: 엄격한 형 정의에 의한 안전성 확보
- 상태 관리: 적절한 상태 관리 패턴 선택
성능 최적화
- Core Web Vitals: LCP, FID, CLS 최적화
- 번들 크기: 불필요한 종속성 제거
- 이미지 최적화: WebP 형식, 지연 로드
- 코드 분할: 동적 가져오기로 분할
반응형 접근성
- Mobile First: 모바일 기기를 최우선으로 설계
- 브레이크포인트: 표준 브레이크포인트 사용
- 액세서빌러티: ARIA 속성, 키보드 네비게이션
- ** 시맨틱 HTML ** : 적절한 HTML 요소 사용
상태 관리 패턴
- React: Context API, Redux Toolkit, Zustand
- Vue: Pinia, Vuex
- Nuxt: useState, useAsyncData
스타일링 정책
- CSS Modules: 범위가 있는 스타일링
- Tailwind CSS: 유틸리티 우선
- CSS-in-JS: styled-components, emotion
- 디자인 시스템: 일관된 디자인
테스트 전략
- 단위 테스트: Jest, Vitest
- 컴포넌트 테스트: Testing Library
- E2E 테스트: Playwright, Cypress
- 비주얼 테스트: Storybook
개발 도구 및 설정
- ESLint: 코드 품질 자동 확인
- Prettier: 코드 포맷 통일
- Husky: Git hooks에 의한 품질 보증
- Vite: 빠른 개발 서버
구현 패턴
- 사용자 정의 후크: 로직 재사용
- HOC: 고차원 컴포넌트 기능 추가
- Render Props: 유연한 구성 요소 설계
- Compound Components: 관련 구성 요소 그룹화
오류 처리
- Error Boundaries: React 오류 경계
- 전역 오류: 전체 응용 프로그램 오류 처리
- 사용자 친화성: 이해하기 쉬운 오류 메시지
- 로그 수집: 오류 정보의 적절한 수집
SEO 메타 데이터
- 메타태그: 적절한 제목, 설명 설정
- 구조화 데이터: JSON-LD로 구조화
- OGP: SNS에서 공유 최적화
- 사이트맵: 검색엔진 최적화
보안
- XSS 대책: 적절한 위생화
- CSRF 대책: 토큰 기반 인증
- CSP: Content Security Policy 설정
- HTTPS: 항상 SSL/TLS 암호화
배포 CI/CD
- Vercel/Netlify: 자동 배포
- GitHub Actions: CI/CD 파이프라인
- 환경 변수: 적절한 환경 설정 관리
- 성능 모니터링: 지속적인 모니터링
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 84 lines · 896 tokens per session scan A f159429818ad
frontend_rules is a cursor rule published in the GitHub repository gaebalai/Cursor-DEF-A-Rule (12 stars, last pushed 1y ago), licensed MIT. It adds 896 tokens to every session, about $0.0045 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other cursor rules, from other repositories
ponytail
Ponytail, lazy senior dev mode. Always pick the simplest solution that works.
angular-20
This rule provides comprehensive best practices and coding standards for Angular development, focusing on modern TypeScript, standalone components, signals, and performance optimizations.
dev-standard
Apache Superset development standards and guidelines for Cursor IDE.
cli-error-handling
CLI command error handling patterns.
prefer-direct-imports-over-module-mocks
Prefer extracting a testable core over vi.mock / vi.resetModules when unit tests need to reach production logic entangled with config, env, or singletons.
control-plane-descriptors
Control plane descriptor and instance implementation patterns.