Answers from the documentation; checking which model is on duty
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.
Angular Material and CDK best practices. Covers selective imports, M3 theming, CDK utilities, and component test harnesses. Activates when working with @angular/material and @angular/cdk.
Imported from alfredoperez/angular-best-practices (skills/angular-best-practices-material/SKILL.md). Install upstream with npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-material. Copyright stays with the author (MIT).
Angular Material Best Practices
Angular Material and CDK rules for component usage, theming, and testing. Use with the core
angular-best-practices
skill for comprehensive Angular coverage.
Install angular-best-practices-material and it becomes one more candidate the router can pick - when it fits.
A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.
When a provider is down or over quota the request moves on; the trace says it did.
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 slotcurl-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": "alfredoperez-angular-best-practices-angular-best-practic-2ceb4d",
"kind": "skill",
"name": "angular-best-practices-material",
"description": "Angular Material and CDK best practices. Covers selective imports, M3 theming, CDK utilities, and component test harnesses. Activates when working with @angular/material and @angular/cdk. Do not use for PrimeNG, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage.",
"publisher": "alfredoperez",
"version": "1.0.0",
"capabilities": {
"domains": [
"coding"
],
"tags": [
"skill-md",
"angular",
"material",
"cdk",
"ui-components",
"skills-sh"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"Angular Material and CDK best practices. Covers selective imports, M3 theming, CDK utilities, and component test harnesses. Activates when working with @angular/material and @angular/cdk. Do not use for PrimeNG, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage."
],
"primary": false,
"metadata": {
"source": {
"provider": "skills.sh",
"repository": "https://github.com/alfredoperez/angular-best-practices",
"path": "skills/angular-best-practices-material/SKILL.md",
"ref": "HEAD",
"url": "https://github.com/alfredoperez/angular-best-practices/blob/HEAD/skills/angular-best-practices-material/SKILL.md",
"key": "alfredoperez/angular-best-practices/skills/angular-best-practices-material/SKILL.md"
},
"applies_to": [
"**/*.ts",
"**/*.component.ts",
"**/*.scss"
],
"license": "MIT"
},
"instructions": "# Angular Material Best Practices\n\nAngular Material and CDK rules for component usage, theming, and testing. Use with the core\n[angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\nskill for comprehensive Angular coverage.\n\n## Links\n\n- [Core Skill: angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\n- [Browse All Skills](https://skills.sh/alfredoperez/angular-best-practices)\n- [GitHub Repository](https://github.com/alfredoperez/angular-best-practices)\n\n## When to Apply\n\n- Importing and configuring Material components\n- Setting up M3 theming with design tokens\n- Using CDK utilities for overlays, drag-and-drop, or virtual scrolling\n- Writing tests for Material components\n\n## Rules\n\n| Rule | Impact | Description |\n|------|--------|-------------|\n| Import Material Modules Selectively | MEDIUM | Tree-shake unused components with standalone imports |\n| Use Angular Material Theming System | MEDIUM | M3 theme API with CSS custom properties |\n| Use CDK Utilities Over Custom Implementations | MEDIUM | Battle-tested overlays, virtual scroll, and a11y primitives |\n| Use Test Harnesses for Material Components | HIGH | Stable tests that survive internal DOM changes |\n\n## Install\n\nInstall from [skills.sh/alfredoperez/angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices):\n\n- Core skill: [angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\n- This add-on: [angular-best-practices-material](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices-material)",
"cost": {
"context_tokens": 413
}
}
Fetch it by URL: GET /api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-2ceb4d/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.
