zenith-ui

star 2

Specialized in frontend development with Zenith, Vue 3, and Inertia.js. Trigger this for UI components, page layouts, and styling.

gravito-framework By gravito-framework schedule Updated 1/9/2026
play_arrow Run Skill in Manus View GitHub

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

  1. Layout: Define the container and grid structure in src/client/layouts/.
  2. Components: Build reusable Vue components.
  3. 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.
Install via CLI
npx skills add https://github.com/gravito-framework/gravito --skill zenith-ui
Repository Details
star Stars 2
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
gravito-framework
gravito-framework Explore all skills →