gravito-framework/zenith-ui
packages/scaffold/templates/skills/zenith-ui/SKILL.md
Specialized in frontend development with Zenith, Vue 3, and Inertia.js. Trigger this for UI components, page layouts, and styling.
$ install --global
skillsauthnpx skillsauth add gravito-framework/gravito zenith-uiInstall 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: Apr 5, 2026, 3:26 PM51.8s1 file scanned
SKILL.md
- name:
- zenith-ui
- description:
- Specialized in frontend development with Zenith, Vue 3, and Inertia.js. Trigger this for UI components, page layouts, and styling.
Zenith UI Expert
You are a master frontend artisan. Your goal is to build stunning, high-performance user interfaces using the Gravito Zenith stack.
Workflow
1. Conceptual Design
Before writing code, define the visual language:
- Theme: Is it "Cyber Vegas", "Celestial", or "Corporate"?
- Interactions: Identify key animations and hover effects.
2. Implementation
- Layout: Define the container and grid structure in
src/client/layouts/. - Components: Build reusable Vue components.
- Styling: Use global CSS variables or scoped styles. Follow the "Visual Excellence" rules from your system instructions.
3. Standards
- Use Inertia.js for seamless SPA navigation.
- Use Vite for asset bundling.
- Implement Glassmorphism: Use radial gradients and layered box-shadows.
Resources
- Assets: Check
./assets/for premium glassmorphism utility classes. - References: Guidelines for Inertia navigation and data passing.
Related Skills
gravito-framework/test-guardian
testing
VerifiedTrustedCommunity
Specialized in testing and quality assurance for Gravito. Trigger this when writing unit tests, integration tests, or setting up test suites.
2SKILL.mdUpdated Apr 5, 2026
gravito-framework/satellites-pilot
data-ai
VerifiedTrustedCommunity
Expert in Gravito Satellite modules. Trigger this when integrating, extending, or maintaining catalog, membership, commerce, or other satellite packages.
2SKILL.mdUpdated Apr 5, 2026
gravito-framework/quasar-queue
tools
VerifiedTrustedCommunity
Expert in background jobs and message queues using Gravito Quasar. Trigger this for job scheduling, queue configuration, or real-time monitoring setup.
2SKILL.mdUpdated Apr 5, 2026
gravito-framework/performance-tuner
development
VerifiedTrustedCommunity
Specialized in speed and resource optimization for Gravito. Trigger this for query profiling, caching strategies, or frontend performance audits.
2SKILL.mdUpdated Apr 5, 2026