rzyfront/vendix-frontend-state
skills/vendix-frontend-state/SKILL.md
Vendix frontend state patterns: NgRx facades with signal parallels, toSignal with initialValue, local signal state, takeUntilDestroyed, and pragmatic service-level cache/state. Trigger: When managing state.
$ install --global
skillsauthnpx skillsauth add rzyfront/vendix vendix-frontend-stateInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 16, 2026, 5:09 AM181.5s1 file scanned
SKILL.md
- name:
- vendix-frontend-state
- description:
- >
- Vendix frontend state patterns:
- NgRx facades with signal parallels, toSignal with
- Trigger:
- When managing state.
- license:
- MIT
- author:
- rzyfront
- version:
- 2.0
- scope:
- [root]
- auto_invoke:
- Managing State
Vendix Frontend State
Source of Truth
- NgRx facades under
apps/frontend/src/app/core/store/** - Local services under feature modules
vendix-zoneless-signalsfor critical Angular 20 rules
Current Pattern
Vendix uses a hybrid state model:
- NgRx for global/shared state.
- Facades exposing observables and signal parallels via
toSignal(..., { initialValue }). - Local
signal()state for component/service UI state. - RxJS for HTTP/effects/async flows.
Legacy BehaviorSubject + destroy$ + ngOnDestroy service templates are not the primary pattern anymore.
Rules
- Prefer facade signals for synchronous component reads.
- When bridging observables to signals, always provide
initialValuewhere required. - Use
takeUntilDestroyed()in components/directives instead of ad-hocdestroy$subjects when subscribing imperatively. - Keep HTTP side effects and store dispatches in facades/services, not templates.
- Use ToastService for user feedback, but do not couple every service method to a mandatory toast pattern.
Related Skills
vendix-zoneless-signalsvendix-frontendvendix-error-handling
Related Skills
rzyfront/mobile-dev
development
VerifiedTrustedCommunity
Mobile app development rules for Vendix Expo/React Native project. Trigger: When editing, creating, or modifying any file under apps/mobile, or when developing mobile-specific features.
5SKILL.mdUpdated May 29, 2026
rzyfront/vendix-subscription-gate
development
VerifiedTrustedCommunity
Feature gating by store subscription state: global store write guard, AI feature gate, Redis feature resolution, quota consumption, frontend paywall interceptor, banner, and subscription UI states. Trigger: When adding feature gates, paywalls, subscription-based access control, protecting store write operations, AI feature gates, or rollout flags.
5SKILL.mdUpdated May 16, 2026
rzyfront/vendix-saas-billing
testing
VerifiedTrustedCommunity
SaaS subscription billing for Vendix stores: plan pricing, invoices, Wompi platform payments, manual payments, partner commissions, payouts, proration, and dunning. Trigger: When creating SaaS invoices, working with partner rev-share, margin/surcharge pricing, invoice sequence allocation, partner payout batches, subscription payments, manual payments, or dunning flows.
5SKILL.mdUpdated May 16, 2026
rzyfront/vendix-redis-quota
development
VerifiedTrustedCommunity
Periodic quota counters with Redis, UTC period keys, Lua-based idempotent AI quota consumption, request-id deduplication, and post-success consumption. Trigger: When building quota counters, enforcing monthly/daily feature caps, or reusing AI quota patterns for uploads, emails, exports, or rate-limited features.
5SKILL.mdUpdated May 16, 2026