team-frontend

Implement standardized Vue.js frontend patterns for Conduction's Nextcloud apps.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/ConductionNL/decidesk --skill team-frontend-conductionnl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: team-frontend
Source: https://github.com/ConductionNL/decidesk/tree/main/.claude/skills/team-frontend
Command: npx skills add https://github.com/ConductionNL/decidesk --skill team-frontend-conductionnl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often lack standardized patterns for building Nextcloud apps, leading to inconsistencies and slower delivery.

Core Features & Use Cases

  • Enforces Vue 2 with a Vue 3 compatibility path, Pinia for state management, Vue Router v3, and @nextcloud/vue components to ensure consistency across Conduction apps.
  • Documents and enforces common frontend architecture patterns, component patterns, and quality tooling used in the workspace.
  • Use Case: when starting a new Nextcloud app page, follow the documented patterns to implement components, stores, routes, and navigation quickly.

Quick Start

Review plan.json and implement the next frontend task using Conduction's Nextcloud patterns.

Frequently Asked Questions about team-frontend

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

FAQPage Schema
How do I structure a new Nextcloud frontend page using Vue and Pinia?

To structure a new Nextcloud frontend page, implement standardized Vue.js patterns using Pinia for state management, Vue Router v3, and @nextcloud/vue components to ensure architectural consistency across Scrum teams.

Can I use Vue 3 components in my Nextcloud app frontend?

Vue 3 components are not used directly; the frontend patterns enforce Vue 2 with a Vue 3 compatibility path. This approach ensures standardization across Nextcloud apps while maintaining a clear migration strategy for Vue Router v3 and Pinia stores.

What is the best way to manage state in a Nextcloud Vue.js application?

The best way to manage state in a Nextcloud Vue.js application is using Pinia stores. Standardized frontend architecture patterns enforce Pinia for state management to maintain consistency and speed up component and route delivery across teams.

Why do I need standardized frontend patterns for Nextcloud app development?

Standardized frontend patterns for Nextcloud app development are needed to prevent inconsistencies and slower delivery. Applying common architectural conventions, component patterns, and quality tooling ensures Scrum teams build unified integrations efficiently.

Does this approach work for building both new pages and component integrations?

Yes, this approach works for building new pages, components, and integrations across Scrum teams. It documents and enforces common frontend architecture patterns, component patterns, and quality tooling specifically designed for the Nextcloud Vue workspace.

What are the limitations of using Vue 2 with a Vue 3 compatibility path?

The limitation of using Vue 2 with a Vue 3 compatibility path is that you must adhere to Vue 2 constraints while writing code. This architectural convention ensures Nextcloud apps remain stable but requires careful component implementation to avoid Vue 3 incompatibilities.