rzyfront/vendix-frontend
skills/vendix-frontend/SKILL.md
Frontend web overview for Vendix Angular 20 app and routing to specialized frontend skills. Trigger: When editing files in apps/frontend, deciding which frontend skill applies, or understanding frontend web architecture.
$ install --global
skillsauthnpx skillsauth add rzyfront/vendix vendix-frontendInstall 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:10 AM159.0s1 file scanned
SKILL.md
- name:
- vendix-frontend
- description:
- >
- Trigger:
- When editing files in apps/frontend, deciding which frontend skill applies, or understanding frontend web architecture.
- license:
- MIT
- author:
- rzyfront
- version:
- 1.0
- scope:
- [root]
Vendix Frontend
Purpose
Use this skill as a frontend web index. Detailed implementation rules live in specialized frontend skills. Vendix frontend web is Angular 20 with Zoneless + Signals; old examples using OnInit state holders, constructor DI, BehaviorSubject UI state, or async pipe as the default should not be copied into new code.
Current App Boundary
- Web frontend:
apps/frontend(Angular 20). - Native/mobile app:
apps/mobile(Expo/React Native) and not governed by Angular frontend skills. - Mobile in Angular skills means responsive web viewport, not native mobile.
Always Load For Frontend Web
| Task | Skill |
| --- | --- |
| Any Angular component/template work | vendix-zoneless-signals |
| Component structure/shared components | vendix-frontend-component |
| Admin list screens | vendix-frontend-standard-module |
| Tables/cards/responsive list display | vendix-frontend-data-display |
| Routing | vendix-frontend-routing |
| NgRx/facades/signals state | vendix-frontend-state |
| Forms | vendix-angular-forms |
| Theme/branding tokens | vendix-frontend-theme |
| Mobile-first responsive UX | vendix-ui-ux |
Core Rules
- Use
inject()over constructor DI in new Angular code. - Use
input(),output(),model(),signal(), andcomputed()for component state and bindings. - Use
@if,@for, and@deferinstead of adding new*ngIf/*ngForpatterns. - Keep route targets lazy-loaded with
loadComponentorloadChildren. - Prefer existing shared components and READMEs before creating new UI primitives.
- Do not use frontend visibility (
panel_ui) as backend authorization.
Repository Pointers
- App routes start empty in
apps/frontend/src/app/app.routes.ts; route setup is managed dynamically. - Public routes live under
apps/frontend/src/app/routes/public. - Private routes live under
apps/frontend/src/app/routes/private. - Admin modules live under
apps/frontend/src/app/private/modules. - Shared UI components live under
apps/frontend/src/app/shared/components.
Related Skills
vendix-zoneless-signals- Mandatory Angular 20 runtime rulesvendix-frontend-routing- Route/lazy-loading patternsvendix-frontend-component- Component structure and shared componentsvendix-ui-ux- Responsive web UX rules
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