/
Code Sketch

Code Sketch

Description

Quickly draft FE and BE architecture and code snippets for efficient implementation.

Version

1.0

Pre-selected AI

Anthropic: Claude 3.7 Sonnet

Contexts

Jira issue (full context) Project: Purpose Project: Features / Advantages Project: Target Audience Project: Tech Stack Formatter

Steps

1

Key Components

  • Input: Jira issue description and context

  • AI Task: Break the solution into Frontend (FE) and Backend (BE) components:

    • Identify core functionalities for each.

    • Prioritize based on criticality to the solution.

  • Output: A structured table of FE and BE components.

2

Sketch Architecture

  • Input: Components and tech stack context

  • AI Task: Propose lightweight architectures for FE and BE:

    • For FE: Define UI framework and state management tools.

    • For BE: Suggest API design and database integration patterns.

  • Output: A conceptual architecture sketch.

3

Code Outline

  • Input: Component details and architecture

  • AI Task: Generate conceptual code:

    • FE: Provide basic UI structure and state management logic.

    • BE: Create skeleton APIs and database interaction snippets.

  • Output: Lightweight code snippets for FE and BE components.

4

Validate Sketch

  • Input: FE and BE code sketches

  • AI Task: Review the sketches for feasibility:

    • Highlight missing interactions between FE and BE.

    • Propose improvements for modularity and scalability.

  • Output: A validation table for FE and BE components.