taskflow/architect/01-mockups
2026-09-05 11:54:09 +00:00
..
README.md Create mockups directory structure 2026-09-05 11:54:09 +00:00

TaskFlow Mockups

This directory contains UI mockups for TaskFlow, a web-based task tracking system for small teams.

Required Mockups

1. Task List / Dashboard

  • Desktop (1440px): Main dashboard showing all tasks with clear ownership and status
  • Mobile (375px): Responsive layout for task overview on mobile devices

2. Create or Edit Task Screen

  • Desktop (1440px): Task creation/editing interface with form fields
  • Mobile (375px): Mobile-optimized task editing experience

3. Blocked Task States

  • Mobile (375px): Empty state and error handling for blocked tasks

Design Principles

  • Clean, simple interfaces that make task ownership and status immediately clear
  • Teams can quickly scan for blocked work and reassign tasks
  • WCAG 2.1 AA accessibility compliance
  • User can create/assign task in ≤3 steps
  • All assigned tasks visible on single screen

Generated by Architect agent during mockup phase.