AI Agent Workflow Collection

Complete guide to building a contract upload page (signature process start). The page lets users upload contract documents, view scan/preparation status, delete documents, edit signature fields, and proceed to signature assignment. Use when building, modifying, or debugging any contract upload page, signaturprozess page, or contract file upload feature in the finstreet context.

Complete guide to building document exchange pages. A document exchange page lets users upload, download, and manage documents organized into collapsible request groups. Use when building, modifying, or debugging any document exchange page, document upload/download feature, or dokumente page in the finstreet context.

Complete guide to implementing an Inquiry Process (multi-step form wizard) using @finstreet/forms and @finstreet/ui. Use when building, modifying, or debugging any inquiry process in the finstreet context.

Complete guide to list actions on an InteractiveList built with @finstreet/ui — how to wire any combination of pagination, search, sort, group, archived, and reset onto a list, and how to author or modify the slot components themselves. Use when implementing or modifying list actions, when adding search/sort/group/archived/reset to a list, or when building a new kind of filter/toggle slot for the shared RenderActions system.

Guide to building Next.js loading.tsx skeleton pages that mirror page content structure. Use this skill whenever creating loading states, skeleton pages, or loading.tsx files for any page type — list pages, form sub-pages, detail overviews, cards grids, description lists, or custom content pages. Must be triggered when the user mentions loading page, skeleton, loading state, or loading.tsx.

Create mock API endpoints that plug into the @finstreet/secure-fetch pattern. Use when the backend endpoint is not ready and you need to unblock frontend work.

Create a new git branch following the Conventional Branch naming convention.

Resolves feature and backend paths based on naming conventions and project structure rules. Use when you need to determine where files should be created for a given feature.

Resolves, adds, and edits routes in the project. Use when you need to determine route paths, add routes to routes.ts, or look up existing routes.

Complete guide to creating or updating type-safe server/client HTTP requests using the @finstreet/secure-fetch library. Use whenever creating or modifying backend requests. Supports interactive endpoint discovery — pass a search keyword and repo to browse available endpoints, configure each one, and implement them all.

Complete guide to implementing simple forms (action-only forms without input fields) in finstreet/boilerplate applications. Use when building or modifying any simple form.

Complete guide to building TaskGroups with @finstreet/ui. A TaskGroup displays a set of tasks a user must complete before proceeding. Covers TaskPanels, TaskActions, and the TaskGroup wrapper. Use when building, modifying, or debugging any task group in the finstreet context.