Name: angular-conventions
Author: sight-client

Instruction file imported from sight-client/sight-client (.cursor/rules/angular-conventions.mdc). Copyright stays with the author.

Angular conventions

Match existing files. Do not introduce a second style.

Standalone components; zoneless change detection (provideZonelessChangeDetection() in tests).
File names omit .component: draw-mark.ts, not draw-mark.component.ts.
Colocate *.ts / *.html / *.scss / *.spec.ts. Nest feature services under services/<name>/.
Path aliases: @/* → src/app/planet/*, @global/* → src/app/global/*, @landing/* → src/app/landing-page/*.
Selectors have no app- prefix except app-root (schematic prefix is empty).
Injected services are often $serviceName. Keep that pattern in the file you edit.
SCSS; global mixins live in src/app/global/styles and src/app/planet/common/styles.
Tests: Vitest 4.1 via ng test (@angular/build:unit-test, jsdom). Colocated *.spec.ts with TestBed + provideZonelessChangeDetection().

// ❌ BAD — new layer outside existing aliases
import { ViewerService } from 'src/app/planet/common/services/viewer-service/viewer.service';

// ✅ GOOD
import { ViewerService } from '@/common/services/viewer-service/viewer.service';

{ "ocm": "1", "id": "sight-client-sight-client-angular-conventions-rule", "kind": "skill", "name": "angular-conventions", "description": "Angular and TypeScript conventions already used in this repo", "publisher": "sight-client", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github-cursor-rules" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Angular and TypeScript conventions already used in this repo" ], "primary": false, "metadata": { "source": { "provider": "github-cursor-rules", "repository": "https://github.com/sight-client/sight-client", "path": ".cursor/rules/angular-conventions.mdc", "ref": "dfb8049fd20070f2ae4db01d27abef688ccc5f2a", "url": "https://github.com/sight-client/sight-client/blob/dfb8049fd20070f2ae4db01d27abef688ccc5f2a/.cursor/rules/angular-conventions.mdc", "key": "sight-client/sight-client/.cursor/rules/angular-conventions.mdc" }, "applies_to": "**/*.{ts,html,scss}" }, "instructions": "# Angular conventions\n\nMatch existing files. Do not introduce a second style.\n\n- Standalone components; zoneless change detection (`provideZonelessChangeDetection()` in tests).\n- File names omit `.component`: `draw-mark.ts`, not `draw-mark.component.ts`.\n- Colocate `*.ts` / `*.html` / `*.scss` / `*.spec.ts`. Nest feature services under `services/<name>/`.\n- Path aliases: `@/*` → `src/app/planet/*`, `@global/*` → `src/app/global/*`, `@landing/*` → `src/app/landing-page/*`.\n- Selectors have no `app-` prefix except `app-root` (schematic `prefix` is empty).\n- Injected services are often `$serviceN", "cost": { "context_tokens": 283 } }

angular-conventions

About

Angular conventions

Use it

Manifest

Reviews