TaskBoard - LLMs | PrimeUI Pro

#Overview

PrimeUI exposes TaskBoard docs through markdown-friendly endpoints. Use them when an assistant needs the current Vue TaskBoard setup, compound parts, open item data model, demos, reference pages, and source-backed API details.

Good prompts include the setup page, the architecture page, and the exact feature page for the task. Add reference pages only when the generated code needs a type, emitted event, slot payload, data attribute, method, context hook, or style hook.

#Usage

import { TaskBoard } from '@primeui/vue-taskboard';

<TaskBoard.Root v-model:tasks="items" data-key="id" column-field="stage">
    <TaskBoard.Content>
        <!-- TaskBoard columns and cards -->
    </TaskBoard.Content>
</TaskBoard.Root>

Start prompts from the Vue TaskBoard runtime import, the configured item id field, the configured column field, and the compound root. Add the raw docs links below when an assistant needs source-backed context for setup, data binding, workflow rules, or customization.

#Docs Endpoints

https://vue.primeuipro.dev/llms.txt
https://vue.primeuipro.dev/llms-full.txt
https://vue.primeuipro.dev/raw/docs/taskboard.md

Use /llms.txt for discovery, /raw/docs/... for focused TaskBoard work, and /llms-full.txt when an assistant needs broad context across feature pages, demos, and references.

#TaskBoard Pages

https://vue.primeuipro.dev/raw/docs/taskboard.md
https://vue.primeuipro.dev/raw/docs/taskboard/getting-started/architecture.md
https://vue.primeuipro.dev/raw/docs/taskboard/getting-started/setup.md
https://vue.primeuipro.dev/raw/docs/taskboard/data/binding.md
https://vue.primeuipro.dev/raw/docs/taskboard/features/workflow/permissions.md
https://vue.primeuipro.dev/raw/docs/taskboard/reference/api.md

Setup covers package installation, style imports, CLI-copied parts, and the first board. Architecture covers package roles, compound anatomy, open item records, controlled and external data modes, app-owned query state, feature flags, and customization boundaries.

#Context Packs

Task	Include
First install	Setup, Architecture, Theming, and API.
Bind data	Architecture, Data Binding, Custom Fields, External Mode, and Events.
Add app-side queries	Search and Filter, Sort, Custom Predicates, External Mode, and Performance.
Add workflow rules	WIP Limits, Transition Rules, Permissions, Events, and API.
Customize visible UI	Compound Components, Card Slots, Column Slots, UI Parts, Slots and Contexts, and Data Attributes.
Style the board	Custom Styles, Theming, Data Attributes, and UI Parts.
Check accessibility	Keyboard, Accessibility, Data Attributes, and the target feature page.
Explain demo source	The page that owns the demo plus `/llms-full.txt` when helper tabs or generated source are needed.

#Prompt Guardrails

Use @primeui/vue-taskboard for runtime parts.
Use the compound TaskBoard API shown in the docs.
Keep snippets headless unless the task asks for copied UI parts.
Use only documented props, events, methods, slots, context hooks, classes, and data attributes.
Use TaskBoardItem for open product records unless the task specifically needs the compatibility TaskBoardTask shape.
Keep data persistence, authorization, search, filtering, sorting, dialogs, toolbar controls, menus, and card content in the app layer.
Keep TaskBoard responsible for drag, selection, focus, keyboard handling, layout, virtual-scroll anchoring, workflow checks, export helpers, print mode, and scrolling.

#Prompting Pattern

Use the Vue TaskBoard docs below as the source of truth.
Use only APIs shown on the linked pages.
Return a compact Vue implementation and name the TaskBoard behavior that remains runtime-owned.

Context:
- https://vue.primeuipro.dev/raw/docs/taskboard/getting-started/architecture.md
- https://vue.primeuipro.dev/raw/docs/taskboard/getting-started/setup.md
- https://vue.primeuipro.dev/raw/docs/taskboard/features/workflow/transition-rules.md
- https://vue.primeuipro.dev/raw/docs/taskboard/reference/events.md

Task:
Create a board that blocks moves into Done until required fields are present and shows a confirmation step for Review.

For search, filter, or sort tasks, ask the assistant to derive the visible item array before it reaches TaskBoard.

Use the Vue TaskBoard filtering docs below.
Keep query state and sort state in the page.
Pass the derived array to TaskBoard with :items.

Context:
- https://vue.primeuipro.dev/raw/docs/taskboard/features/filtering/search-filter.md
- https://vue.primeuipro.dev/raw/docs/taskboard/features/filtering/sort.md
- https://vue.primeuipro.dev/raw/docs/taskboard/reference/performance.md

Task:
Create a TaskBoard header with search, priority filters, and due-date sorting.

#Output Checklist

Ask the assistant to return:

imports from @primeui/vue-taskboard;
the TaskBoard.Root structure with only required props;
task, column, swimlane, or access types when data is shown;
emitted event handlers with payload fields;
copied UI-part imports only when setup or UI parts are part of the task;
style imports only when setup is part of the task;
derived items or visibleItems when search, filters, or sort are part of the task;
a note about which behavior remains TaskBoard-owned.