skills.rest
gui81
gui81COMMUNITY
Explore all skills by this author →
WebsiteGitHub

new-page

Scaffold a Scorekeeper page with a Vue 3 render-function module and router entry.

3|4|Updated Mar 22, 2014
Search Tags:#scaffold#router#vue3#publication#render-function#scorekeeper
One-click install
npx skills add https://github.com/gui81/scorekeeper --skill new-page-gui81
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: new-page
Source: https://github.com/gui81/scorekeeper/tree/main/.claude/skills/new-page
Command: npx skills add https://github.com/gui81/scorekeeper --skill new-page-gui81

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffolds a ready-to-use Scorekeeper page by generating the required render-function component, router entry, and optional publication, reducing boilerplate and ensuring a consistent project structure.

Core Features & Use Cases

  • Generates a Vue 3 render-function page module at app/imports/ui/pages/<PageName>.js with a properly wired active organization guard.
  • Adds a router entry in app/imports/ui/router.js for the new page, placed before the catch-all notFound route to ensure visibility.
  • Optionally creates an org-scoped publication in app/imports/api/publications.js when the page reads data, guaranteeing multi-tenant data isolation.
  • Supports wiring a new page into the existing router and, when needed, linking to an appropriate publication or creating one based on org data access.

Quick Start

Use this skill to scaffold a new Scorekeeper page, for example a MatchHistory page at route /matchhistory.

Frequently Asked Questions about new-page

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

FAQPage Schema
How do I scaffold a new Vue 3 page with a render function and router entry?▼

To scaffold a new Vue 3 page, this tool generates a render-function .js module and automatically inserts a router entry before the catch-all notFound route to ensure the page is visible.

How do I enforce multi-tenant data access when creating a new Scorekeeper page?▼

Enforcing multi-tenant data access is handled by creating an org-guarded publication and wiring the router to it, which validates integration with the active organization guard to isolate data.

Does the scaffolding process create org-scoped publications for pages that read data?▼

Yes, when the new page reads data, the scaffolding process optionally creates an org-scoped publication in the publications file to guarantee multi-tenant data isolation.

What is the best way to add a new route to an existing Vue 3 router without breaking navigation?▼

The best way to add a route is by inserting the new entry before the catch-all notFound route, which aligns with existing router patterns and prevents the page from being missed.

Do I need to manually align new pages with existing router and publication patterns?▼

No, you do not need to manually align patterns because the scaffolding validates integration with the active organization guard and automatically aligns with existing router and publication structures.

Can I use this to generate a Vue 3 component module without writing boilerplate code?▼

Yes, you can generate a Vue 3 component module without boilerplate by scaffolding a ready-to-use render-function page that is properly wired with the required organization guard.

Related Skills

Explore More Software Engineering Skills→
lzx0122lzx0122

vue-development

Plan Vue 3 component architecture with TypeScript-first patterns and defineModel.

Community
Intermediate
HallinnaHallinna

render-props-pattern

Implement React component composition using render props to share stateful logic.

Community
Basic
bovinphangbovinphang
21

fec-route-protection

Implement client-side route protection and RBAC across React Router, Next.js, Vue Router, and Nuxt.

Community
Advanced
tapanshahtapanshah

atlassian-templates

Create and manage Jira and Confluence templates and blueprints.

Community
Intermediate