Add frontend-design workflow mode - #1066
Open
nehamalepati wants to merge 3 commits into
Open
Conversation
Feature-to-UI pipeline that discovers a project's design system from its code and enforces it on every new feature. 20-node DAG with parallel research, audit, user-approved spec, constrained build, and two-tier QA gates. Project-agnostic — works on any frontend project with a token/component system. Tested end-to-end on Amortized Studio — produced PR akashgit#105 with zero design violations. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Change 1: 4th parallel researcher (researcher_ux) captures animation choreography, information hierarchy, and non-technical user patterns. Updated auditor, spec writer, and builder prompts to enforce UX quality. DAG: 20 → 21 nodes. Change 2: New frontend-design-scan workflow (17 nodes) for continuous design health monitoring. Scans entire codebase with SCAN_MODE=full, produces structured health-report.json with per-dimension scores and trend data. No builder/spec/user gates — pure scan pipeline. Works with factory run --loop for hourly monitoring. 62 tests pass (38 frontend-design + 24 frontend-design-scan). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The frontend-design pipeline now catches two classes of failures: 1. Prompt updates enforce that data-fetching components handle three states (loading, populated, unavailable) — the unavailable state must show a designed message, never "Unable to load" or "Failed to fetch". Updated builder, spec writer, health checker, and auditor prompts. 2. gate_render (23rd node) starts the dev server after build, verifies HTTP 200, and RELOOPs to builder if the server crashes. Detects monorepo subdirectories (studio/, web/, app/, etc.) automatically. Pipeline: builder → gate_build → gate_render → gate_ci → health_checker 48 frontend-design tests + 24 scan tests pass. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Collaborator
|
Thanks for the PR @nehamalepati ! It just looks like there's a few conflicts with the main branch, could you please take a look? |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
frontend-designworkflow mode — a Feature-to-UI pipeline that discovers a project's design system from its code and enforces it on every new featureWhat it does
design-baseline.jsonwith allowed valuesTested on
Amortized Studio (React 19 + TypeScript + Tailwind + Radix UI) — full pipeline produced PR #105 with zero design violations.
Files changed
factory/workflow/definitions.py—frontend_design_workflow()+ registrationfactory/workflow/skill_export.py— WORKFLOW_META entryfactory/cli/_helpers.py— added to CEO_MODESfactory/cli/ceo.py— allow--focuswith frontend-design modefactory/agents/prompts/frontend_design/— 9 agent promptsfactory/templates/design_checks/— 6 shell scriptsskills/workflow-frontend-design/SKILL.md— generated playbooktests/test_workflow_frontend_design.py— 36 DAG validation testsTest plan
🤖 Generated with Claude Code