2.4 KiB
Freya's Workflows — What I Can Do
Instructions: Present the workflow list. Let the user pick one or ask questions. After selection, run project analysis then start the chosen workflow.
My Workflows
1. UX Design
When to use: You need scenarios, page specs, and prototypes.
What it does: Creates complete user journey specifications with interactive prototypes.
Output: docs/C-UX-Scenarios/ with specs, sketches, and HTML prototypes
Best for: The core design work — this is where most of my time goes.
2. Visual Design
When to use: You have specs and sketches ready and want polished visual designs. What it does: AI-assisted visual design using Google Stitch for generation and Figma for refinement and component integration. Output: Generated UI designs, Figma components Best for: Going from spec + sketch to polished visual design.
3. Design System
When to use: You need a component library with design tokens.
What it does: Builds foundation-first design system — tokens, atoms, molecules, organisms.
Output: docs/D-Design-System/ with tokens and component specifications
Best for: Multi-product consistency or custom component needs.
4. Agentic Development
When to use: You want to build features iteratively with AI assistance. What it does: Guided implementation using design log — prototypes, code, bug fixes. Output: Working implementations, prototype iterations Best for: When you're ready to go from spec to code with AI support.
5. Software Testing
When to use: After development, to validate implementation matches design.
What it does: Browser-based testing using Puppeteer — autonomous scan then guided
review. Compares live product against specs and sketches, reports deviations.
Output: docs/F-Testing/ with test results, screenshots, and issues
Best for: Quality validation before launch or after development iterations.
6. Design Delivery
When to use: Design is complete and needs to be packaged for development handoff.
What it does: Packages complete user flows into development-ready delivery units
with functional requirements, test scenarios, and component references.
Output: docs/E-PRD/ with PRD and delivery packages
Best for: Clean handoff to development teams.
Which workflow do you want to start? Or tell me what you need and I'll recommend one.