Knowledge Areas

Like any tool or application, knowing how to efficiently use it can drastically affect productivity. Take an image creation application for example, just about anybody can bring it up, start clicking on brushes, and draw a picture. But a vision, expertise in layers, transformations, cutting, selection, and doing it all efficiently is what allows artists to create works of art productively.

When we think about AI generated content, we want to consider the GDF knowledge domains:

Knowledge Areas

• Ethics

• Limitations

• Context Management

• Security Management

• Risk Management

• Adoption

• Prompting

• Subject Knowledge Areas

  • Ideation

  • Specification

  • Generation

  • Transformation

  • Replacement

  • Integration

  • Separation

  • Consolidation

  • Templating

  • Visualization

  • Verification

  • Implementation

  • Optimization

• Generative Pipelines

For example:

Using AI for code ideation

Below are detailed prompt examples examples with references to a fictional application I will be be building throughout the documentation, which will be a bicycle rental application.

If you are unfamiliar with programming, many of the prompts below may be difficult to understand. By the end of this course you should have a better understanding of these terms and have the right troubleshooting knowledge to resolve any issues you may run into.

Example Prompts:

• Ideation:

  • What would I need to build a bicycle rental application?

  • What languages are used to build a mobile application?

  • What languages are used to build a web application?

  • Are there any languages that would allow me to build on both web and mobile at the same time?

  • What is react?

  • What is swift?

  • What is kotlin?

  • What are the main parts of an app layout?

  • What libraries are used to build an app interface in react?

  • What software do I need to create a react app on my computer?

  • How do I run a react app on my computer?

  • How to install react in visual studio code?

  • How to install node.js?

• Generation

  • Create a code sample in react that renders a navigation bar relevant to things a bicycle renting customer might want to do?

  • Create a code sample in react that renders a home page layout to rent a bicycle.

• Specification

  • Use Chakra UI as the UI library in the code above instead of material-ui.

  • Use NextJS router for routing

• Transformation

  • Convert the navigation bar into a drawer navigation

  • Convert the code sample to NextJS

  • Convert the code to angular js.

• Replacement

  • Replace the navigation items in the NavBar component with the following items

  • Replace the body with some example components for a bicycle renting application

• Integration

  • Create a code sample that would get a list of bicycles and their locations

  • Import the above code sample into Home component we created earlier to load in the bicycle data.

• Separation

  • Create new react components using chakra ui for the components you created in the body earlier

  • Separate the navigation items into a separate file with a callout to get the data.

• Consolidation

  • Merge the NavBar component and Logo component into a single NavBar component

  • Consolidate the processing of the bicycle data with the function to transform the date into hh:mm MM/DD.

• Templating

  • create a layout in next.js for header, body, and footer. use this layout to create a contact page.

• Visualization

  • Change the styling of the nav bar to be more like an apple navbar.

  • Make the navigation dynamic and mobile friendly.

• Implementation

  • How do I upload a react app on the web?

  • How do I point a domain name to a react app?

• Optimization

  • Remove any unnecessary comments from the code.

  • Optimize the parsing of the data to be less redundant.