Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsBlogPro
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges
  • Chrome Extension
  • Skill Manager

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Angular Architecture Micro Frontends Observability Contract

ASecurity

Reviews observability contracts for Angular micro-frontends in Nx monorepos, focusing on logging, metrics, tracing, error boundaries, and runtime failure visibility.

4 stars
0 votes
0 copies
0 views
Added 10/2/2026
devopsshellangularfrontend

Security Analysis

A100/100

Scanned 10/2/2026

$npx -y skills add janpereira-dev/ngAutoPilot --skill angular-architecture-micro-frontends-observability-contract --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Angular Architecture Micro Frontends Observability Contract?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Angular Architecture Micro Frontends Observability Contract
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/janpereira-dev-angular-architecture-micro-frontends-observability/badge)](https://www.skillsdirectory.com/skills/janpereira-dev-angular-architecture-micro-frontends-observability)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
Files
SKILL.md
---
name: angular-architecture-micro-frontends-observability-contract
description: "Reviews observability contracts for Angular micro-frontends in Nx monorepos, focusing on logging, metrics, tracing, error boundaries, and runtime failure visibility."
license: MIT
metadata:
  ngautopilot-id: "angular.architecture.micro-frontends-observability-contract"
  ngautopilot-source: "skills/angular/architecture/micro-frontends-observability-contract/SKILL.md"
  ngautopilot-version: "0.10.0"
---


# Micro-frontends Observability Contract

## Purpose

Use this skill to review or design observability contracts for Angular micro-frontends.

Runtime composition is hard to debug unless the shell and remotes emit meaningful telemetry. This skill defines the minimum logging, metrics, tracing, and error visibility needed to operate distributed frontend delivery safely.

The core rule is simple:

```txt
If a remote fails, the failure must be visible and attributable.
```

## When to Use

Use this skill when:

- runtime remotes need monitoring
- shell and remote errors must be attributable
- release health needs telemetry
- support needs to debug remote load failures
- observability gaps make runtime composition hard to operate

## Do

Define the observability surface:

```txt
Shell events:
- remote load started
- remote load failed
- remote loaded
- fallback shown

Remote events:
- route activated
- user intent emitted
- domain action failed
```

Track the minimum signals:

```txt
- error count
- remote load latency
- fallback frequency
- retry count
- release version
```

Include correlation identifiers where practical.

Expose enough context for support without leaking secrets or sensitive data.

## Do Not

Avoid silent failure states.

Avoid logs that cannot identify the failing remote.

Avoid dumping sensitive payloads into telemetry.

Avoid telemetry contracts that only exist in one remote and not the shell.

## Review Checklist

- [ ] Remote load success and failure are observable.
- [ ] Fallback usage is measurable.
- [ ] Logs identify shell versus remote responsibility.
- [ ] Telemetry avoids sensitive data leakage.
- [ ] Release version is visible in support workflows.

## Expected Output

1. Identify required telemetry events.
2. Separate shell and remote observability concerns.
3. Flag blind spots in failure visibility.
4. Recommend minimal but useful metrics and logs.
5. Produce an operational visibility contract.

Attribution

janpereira-devjanpereira-dev
View sourceSee grades on GitHubMore from janpereira-dev →
SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Related Skills

Terraform Module Library

Build reusable Terraform modules for AWS, Azure, and GCP infrastructure following infrastructure-as-code best practices. Use when creating infrastructure modules, standardizing cloud provisioning, or implementing reusable IaC components.

401991 votes

sematext-otel

Wire a service's OpenTelemetry output to Sematext Cloud. Walks through region, App-type, instrumentation flow (managed OTLP endpoint vs Sematext Agent), and signal selection (traces/metrics/logs), then produces the exact env-var block and points at a runnable reference example in this repo. Invoke when instrumenting a new app for Sematext.

01 votes

Deployment Patterns

Deployment workflows, CI/CD pipeline patterns, Docker containerization, health checks, rollback strategies, and production readiness checklists for web applications. Use when setting up deployment infrastructure or planning releases.

2699140 votes

Babysit

Watch a pull request or review cycle until it is ready to merge. Use when asked to babysit, monitor, or keep checking PR comments, reviews, and CI until all actionable issues are resolved.

971540 votes

V7 Roster

Interact with the Paperclip control plane API for task coordination and governance. Use when checking assignments, updating issue status, posting comments, delegating work, managing routines, or calling Paperclip API endpoints.

953190 votes
View all in devops →