skills.rest
russiankendricklamar
russiankendricklamarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

zeta-vue-page

Generate Vue 3 pages and components with Zeta Terminal's brutalist design system.

Updated Aug 23, 2026
Search Tags:#frontend#design system#vue#boilerplate#component#page
One-click install
npx skills add https://github.com/russiankendricklamar/zetaterminal --skill zeta-vue-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: zeta-vue-page
Source: https://github.com/russiankendricklamar/zetaterminal/tree/main/.claude/skills/zeta-vue-page
Command: npx skills add https://github.com/russiankendricklamar/zetaterminal --skill zeta-vue-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation of new Vue 3 pages and components within the Zeta Terminal project, ensuring adherence to its unique brutalist design system and Composition API patterns.

Core Features & Use Cases

  • Boilerplate Generation: Provides a pre-defined template for new Vue pages, including structure, styling hooks, and API call patterns.
  • Design System Enforcement: Guides developers to use specific CSS variables for colors, utility classes for typography, and adhere to strict styling constraints (e.g., no rounded corners, no shadows).
  • Composition API Focus: Encourages modern Vue development practices.
  • Use Case: When adding a new feature like "Portfolio Performance Analysis" to the Zeta Terminal, use this Skill to quickly scaffold the new Vue page, ensuring it matches the existing UI and uses the correct API interaction patterns.

Quick Start

Use the zeta-vue-page skill to create a new Vue 3 page with the title 'Market Analysis'.

Frequently Asked Questions about zeta-vue-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Vue 3 page using a brutalist design system?▼

To scaffold a Vue page using a brutalist design system, use this Skill to generate a structured template enforcing strict UI constraints like no rounded corners, specific CSS variables, and Composition API patterns.

What is the best way to enforce strict UI constraints when creating Vue 3 components?▼

The best way to enforce strict UI constraints when creating Vue components is to use a boilerplate generator that restricts styling to predefined CSS variables and typography utility classes, ensuring consistent UI development.

Can I use my own CSS framework with this Vue 3 brutalist boilerplate?▼

You cannot easily use external CSS frameworks because this Vue boilerplate enforces strict styling constraints, requiring adherence to specific CSS variables and typography classes to maintain the brutalist design system.

How do I integrate API utilities into a new Vue 3 page?▼

To integrate API utilities into a new Vue page, use this Skill's boilerplate generation which includes predefined API call patterns, ensuring your new components correctly interface with existing project utilities.

Does this Vue 3 page generator support the Options API?▼

This Vue page generator focuses on the Composition API and encourages modern Vue development practices, rather than supporting the older Options API pattern for structuring your components.

Related Skills

Explore More Software Engineering Skills→
jiaiyanjiaiyan
8

naive-ui-i18n

Configure Naive UI internationalization with NConfigProvider and createLocale for Vue 3 apps.

Community
Advanced
TencentBlueKingTencentBlueKing
839

Vue 3 组件单元测试指南 (Vitest)

Test Vue 3 components with Vitest and Vue Test Utils.

Official
Intermediate
woody1234567woody1234567
1

pinia

Manage Vue application state with a typed, store-based API.

Community
Advanced
leksaleksa

vuejs-shadcn

Provide ready-to-use shadcn-vue components for Vue 3 UI development.

Community
Intermediate