Streamlines the creation of structured task lists and action panels using the Finstreet UI design system.
This skill provides expert guidance for implementing the TaskGroup UI pattern within Finstreet boilerplate applications. It assists developers in building complex, multi-step task interfaces by orchestrating the relationship between TaskPanels, ActionPanels, and the outer TaskGroup wrapper. By enforcing strict architectural rules—such as specific directory structures, internal layout nesting, and naming conventions—it ensures consistent, production-grade frontend development for user onboarding, checklists, and requirement-gathering modules.
Key Features
01Scaffolds TaskPanel components with status indicators, subtasks, and summaries
021 GitHub stars
03Automates TaskGroup assembly with proper wrapper labels and layout nesting
04Enforces standardized imports from the @finstreet/ui pattern library
05Ensures compliance with boilerplate-specific rules like useExtracted hooks and arrow function exports
06Implements co-located ActionPanels for modal triggers and external links
Use Cases
01Building a multi-step user onboarding checklist with actionable progress cards
02Creating feature-specific task groups for data collection workflows
03Standardizing UI patterns across large-scale Finstreet boilerplate projects
