Skip to content
XHiddenProjects edited this page Aug 19, 2024 · 9 revisions

This documentation will give you a rundown on how this AI is operated and how you can create your extension, operations, and teaching methods.

About

WebServerAI is an innovative project that integrates advanced tools such as CTE (Cursor-Targeting Elements) to enhance the website development experience. By leveraging sophisticated algorithms, natural language processing, and innovative technologies like CTE, this AI-powered tool enables users to create visually stunning and user-friendly websites with ease. With WebServerAI, individuals and businesses can streamline the design process, eliminating the need for extensive coding knowledge and technical expertise. This project represents a significant advancement in web development, offering a seamless and efficient solution for those looking to establish a professional online presence. Experience the future of web design with WebServerAI and unlock the potential of AI-driven website development.

What does this AI have

  • Cursor-Targeting Element (CTE) where you can hover over elements and click to quickly insert the correct elements` tagName, class names, and IDs in the correct format.
  • Drag-Drop method (works for both PC/Mobile devices)
  • Light/Dark mode toggle
  • History Storage(session/local)
  • Flexible and moves on page scroll
  • Easy to use configuration to name and change the response timeout.
  • Extensions that be used to make the AI more efficient.
  • Multi-language software - Allows translations based on browser language.
  • CTE (Cursor-Targeting Element) Allows you to hover and select a specific target and get the full element path.

CTE

CTE (Cursor-Targeting Element) Allows you to hover and select a specific target and get the full element path.

For example:

<html>
  <head>
  <title>Test</title>
  </head>
  <body>
    <p id="para">This is a paragraph</p>
  </body>
</html>

On hover, you will get something like this:

CTE-Hover

If you hold CTRL+Click you'll get something like this:

CTE-Click

Diagram

Here is a diagram of how the AI works

WebServerAI - Diagram

Clone this wiki locally