Agent skill · software engineering · aiskillstore
delon-acl
@delon/acl skill - Access Control List for role-based permissions and UI element visibility. For ng-events construction site progress tracking system.
Why this skill is useful
Provides specific role-based access control patterns and directives for Angular applications that the AI wouldn't reliably generate on its own.
What it needs
Requires @delon/acl, @delon/auth installed locally. About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
@delon/acl - Access Control List Trigger patterns: "ACL", "permission", "role", "access control", "@delon/acl", "can", "ability" Overview @delon/acl provides a role-based access control (RBAC) system for ng-alain applications, controlling UI element visibility and feature access based on user roles and permissions. Package: @delon/acl@20.1.0 Integrated with: @delon/auth for authentication Core Concepts 1. ACLService - Permission Management 2. ACL Directives - Conditional UI aclIf Directive ACL with @if (Angular 20) 3. ACL Guards - Route Protection Route Configuration: Real-World Blueprint Integration Permission Structure for ng-events(GigHub) Component with Blueprint Permissions Best Practices 1. Initialize ACL Early ✅ DO: Initialize in app initialization or route resolver 2. Use Signals with ACL ✅ DO: Create reactive permission checks 3. Combine with Security Rules ✅ DO: Use ACL for UI + Firestore Security Rules for data Integration Checklist [ ] Install @delon/acl@20.1.0 [ ] Initialize ACL in APPINITIALIZER [ ] Define role and permission structure [ ] Integrate with @delon/auth [ ] Create route guards for protected routes [ ] Use aclIf or @if with can() for UI [ ] Combine with Firestore Security Rules [ ] Test permission edge cases Anti-Patterns ❌ Hardcoding Permissions in Components: ✅ Use ACL Service: --- ❌ Only Client-Side Permission Checks: ✅ Client + Server Validation: Cross-References delon-auth - Authentication integration firestore-security-rules - Server-side validation blueprint-integration - Multi-tenant permissions .github/instructions/ng-ng-events(GigHub)-architecture.instructions.md - Permission architecture --- Version: 1.0 Created: 2025-12-25 Maintainer: ng-events(GigHub) Development Team
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/delon-acl