aa71e76eb9
- Add date_added to all 950+ skills for complete tracking - Update version to 6.5.0 in package.json and README - Regenerate all indexes and catalog - Sync all generated files Features from merged PR #150: - Stars/Upvotes system for community-driven discovery - Auto-update mechanism via START_APP.bat - Interactive Prompt Builder - Date tracking badges - Smart auto-categorization All skills validated and indexed. Made-with: Cursor
Angular UI Patterns
Modern UI patterns for building robust Angular applications optimized for AI agents and LLMs.
Overview
This skill covers essential UI patterns for:
- Loading States - Skeleton vs spinner decision trees
- Error Handling - Error boundary hierarchy and recovery
- Progressive Disclosure - Using
@deferfor lazy rendering - Data Display - Handling empty, loading, and error states
- Form Patterns - Submission states and validation feedback
- Dialog/Modal Patterns - Proper dialog lifecycle management
Core Principles
- Never show stale UI - Only show loading when no data exists
- Surface all errors - Never silently fail
- Optimistic updates - Update UI before server confirms
- Progressive disclosure - Use
@deferto load non-critical content - Graceful degradation - Fallback for failed features
Structure
The SKILL.md file includes:
- Golden Rules - Non-negotiable patterns to follow
- Decision Trees - When to use skeleton vs spinner
- Code Examples - Correct vs incorrect implementations
- Anti-patterns - Common mistakes to avoid
Quick Reference
<!-- 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
Current version: 1.0.0 (February 2026)