julian
17c08e6392
- Nx 22.7 monorepo (pnpm 11.1, TypeScript 5.9, Node 24) - apps/api: NestJS 11 (CJS conforme CODING-RULES.md PGD-DB-004) - apps/web: React 19 + Vite 8 (ESM) - libs/shared/api-interface: Zod contract base - Docker Compose dev: Postgres 18, Valkey 8, MinIO, Mailpit - WDS artifacts: - design-artifacts/A-Product-Brief/ (5 docs canônicos + 16 dialogs) - design-artifacts/B-Trigger-Map/ (hub + 4 personas + feature impact) - Stack canon: STACK.md v2.2 + CODING-RULES.md v2.0 + brand.md - AGENTS.md + README.md como entrada para devs/agentes Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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/E-Development/ 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-Development/ 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.