52 lines
2.4 KiB
Markdown
52 lines
2.4 KiB
Markdown
# 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.**
|