feat: Add frontend design coverage in Construction phase

[inariku]

Summary

Ensures frontend components are explicitly included in Functional Design and Code Generation stages, preventing design gaps in fullstack projects.

Closes #24

Problem

As reported in #24, frontend information is sometimes missing from:

• Logical Components design documents
• Code Generation implementation plans

This leads to incomplete designs and requires manual prompting to add frontend details.

Changes

functional-design.md

1. Added Frontend Components to question categories
2. Added frontend artifact generation: frontend-components.md

code-generation.md

1. Added frontend steps to the code generation plan

Benefits

• Frontend design is no longer overlooked in fullstack projects
• Clear structure for documenting UI components alongside backend services

---

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

[raj-jain-aws]

Thanks @inariku for this fix. Could you add some test evidence to this PR?

[inariku]

@raj-jain-aws

Test Evidence

Test Setup

Used AI-DLC workflow to generate a fullstack todo app (React frontend + Node.js/Express backend) with the new frontend design coverage rules applied.

Code Generation Plan

The workflow automatically included frontend components in the code generation plan:

Backend (Steps 1-6):

• Express server, routes, controllers, services, store

Frontend (Steps 7-14):

• Project structure and package.json
• HTML entry point
• API Service (HTTP client)
• TodoItem component
• TodoForm component
• TodoList component
• App component
• CSS styles

Generated Frontend Files

frontend/src/
├── App.js
├── components/
│   ├── TodoList.js
│   ├── TodoItem.js
│   └── TodoForm.js
├── services/
│   └── api.js
└── styles.css

Customer Use Case

In a real customer project, the AI-generated design documents only included backend components. The frontend was missing from the Functional Design and Code Generation stages, requiring manual prompting to add UI det

Code Generation Plan

The workflow autore automatically included in fullstack projects.

[raj-jain-aws]

Looks good.