From 6247fcefabb28a59e86bc8ea09c5bb0fd9e1c452 Mon Sep 17 00:00:00 2001
From: "Chau (Joe) Nguyen" <5130533+chauey@users.noreply.github.com>
Date: Wed, 4 Feb 2026 00:51:34 -0600
Subject: [PATCH] fix(angular): Clean up formatting and fix JSX example in
 README

- Remove duplicate horizontal rules in angular/SKILL.md
- Remove duplicate horizontal rules in angular-best-practices/SKILL.md
- Fix React-style JSX in angular-ui-patterns/README.md to use Angular template syntax
---
 skills/angular-best-practices/SKILL.md |  2 --
 skills/angular-ui-patterns/README.md   | 17 +++++++++++------
 skills/angular/SKILL.md                |  2 --
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/skills/angular-best-practices/SKILL.md b/skills/angular-best-practices/SKILL.md
index 03262b19..aac37891 100644
--- a/skills/angular-best-practices/SKILL.md
+++ b/skills/angular-best-practices/SKILL.md
@@ -104,8 +104,6 @@ bootstrapApplication(AppComponent, {
 
 ---
 
----
-
 ## 2. Async Operations & Waterfalls (CRITICAL)
 
 ### Eliminate Sequential Data Fetching
diff --git a/skills/angular-ui-patterns/README.md b/skills/angular-ui-patterns/README.md
index 91374283..521301c0 100644
--- a/skills/angular-ui-patterns/README.md
+++ b/skills/angular-ui-patterns/README.md
@@ -32,12 +32,17 @@ The `SKILL.md` file includes:
 
 ## Quick Reference
 
-```typescript
-// Only show loading without data
-if (error()) return <ErrorState />
-if (loading() && !data()) return <SkeletonState />
-if (!data()?.length) return <EmptyState />
-return <DataDisplay data={data()} />
+```html
+<!-- Angular template pattern for data states -->
+@if (error()) {
+<app-error-state [error]="error()" (retry)="load()" />
+} @else if (loading() && !data()) {
+<app-skeleton-state />
+} @else if (!data()?.length) {
+<app-empty-state message="No items found" />
+} @else {
+<app-data-display [data]="data()" />
+}
 ```
 
 ## Version
diff --git a/skills/angular/SKILL.md b/skills/angular/SKILL.md
index f6894a31..b89f8d56 100644
--- a/skills/angular/SKILL.md
+++ b/skills/angular/SKILL.md
@@ -436,8 +436,6 @@ export class ApiService {
 
 ---
 
----
-
 ## 7. Component Composition & Reusability
 
 ### Content Projection (Slots)