diff --git a/.vscode/settings.json b/.vscode/settings.json
index 82c1f70ed..132492e32 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -9,6 +9,7 @@
     "falconred",
     "frametype",
     "frametypename",
+    "hdop",
     "maplibre",
     "maptilers",
     "mavutil",
diff --git a/gcs/src/components/dashboard/preFlightChecklist/checkListArea.jsx b/gcs/src/components/dashboard/preFlightChecklist/checkListArea.jsx
index e195e850f..1cb59e727 100644
--- a/gcs/src/components/dashboard/preFlightChecklist/checkListArea.jsx
+++ b/gcs/src/components/dashboard/preFlightChecklist/checkListArea.jsx
@@ -3,7 +3,7 @@
 */
 
 // Native imports
-import { useEffect, useState } from "react"
+import { useState } from "react"
 
 // 3rd Party Imports
 import { ActionIcon, Button, Checkbox, Modal, Tooltip } from "@mantine/core"
@@ -16,7 +16,6 @@ import {
 
 // Local Imports
 import EditCheckList from "./checkListEdit.jsx"
-import { generateCheckListObjectFromHTMLString } from "../../../helpers/checkList.js"
 
 // Redux
 import { useDispatch, useSelector } from "react-redux"
@@ -32,59 +31,32 @@ export default function CheckListArea({ id }) {
 
   const [showDeleteModal, setDeleteModal] = useState(false)
   const [editCheckListModal, setEditCheckListModal] = useState(false)
-  const [checkBoxListString, setCheckboxListString] = useState(
-    generateCheckboxListString(),
-  )
-  const [mappedItems, setMappedItems] = useState(generateMappedItems())
   const [lastToggleCheck, setLastToggleCheck] = useState(false) // false = uncheck, true = check
 
-  function generateCheckboxListString(set = false) {
-    // Go from list to string, returns0
-    let final = "<ul>"
-    checklist.value.map((element) => {
-      final += "<li><p>" + element.name + "</p></li>"
-    })
+  function toggleCheck() {
+    const updated = checklist.value.map((item) =>
+      item.stateBinding ? item : { ...item, checked: lastToggleCheck },
+    )
 
-    final += "</ul>"
-    if (set) {
-      setCheckboxListString(final)
+    if (JSON.stringify(checklist.value) !== JSON.stringify(updated)) {
+      dispatch(setChecklistValueById({ id: checklist.id, value: updated }))
     }
 
-    return final
-  }
-
-  function generateCheckboxList(defaultCheck = false) {
-    let final = generateCheckListObjectFromHTMLString(
-      checkBoxListString,
-      defaultCheck,
-    )
-    dispatch(setChecklistValueById({ id: checklist.id, value: final }))
-  }
-
-  function toggleCheck() {
-    generateCheckboxList(lastToggleCheck)
     setLastToggleCheck(!lastToggleCheck)
   }
 
   function setChecked(name, value) {
-    let final = []
-    checkBoxListString
-      .split("<li><p>")
-      .splice(1)
-      .forEach((element) => {
-        let elementName = element.split("</p>")[0].trim()
-        final.push({
-          checked:
-            elementName === name
-              ? value
-              : checklist.value.find((e) => e.name === elementName).checked,
-          name: elementName,
-        })
-      })
+    const updated = checklist.value.map((item) => {
+      if (item.name !== name || item.stateBinding) {
+        return item
+      }
+
+      return { ...item, checked: value }
+    })
 
     // Check our checklist value is not the same as the updated one to stop unnecessary redux calls
-    if (JSON.stringify(checklist.value) !== JSON.stringify(final)) {
-      dispatch(setChecklistValueById({ id: checklist.id, value: final }))
+    if (JSON.stringify(checklist.value) !== JSON.stringify(updated)) {
+      dispatch(setChecklistValueById({ id: checklist.id, value: updated }))
     }
   }
 
@@ -106,26 +78,6 @@ export default function CheckListArea({ id }) {
     URL.revokeObjectURL(objectUrl)
   }
 
-  function generateMappedItems() {
-    return checklist.value.map((element) => {
-      return (
-        <Checkbox
-          checked={element.checked}
-          key={element.name}
-          label={element.name}
-          onChange={() => setChecked(element.name, !element.checked)}
-        />
-      )
-    })
-  }
-
-  useEffect(() => {
-    setMappedItems(generateMappedItems())
-    dispatch(
-      setChecklistValueById({ id: checklist.id, value: checklist.value }),
-    )
-  }, [checklist.value])
-
   return (
     <>
       {/* Checkbox area */}
@@ -165,18 +117,28 @@ export default function CheckListArea({ id }) {
           </div>
         </div>
 
-        {mappedItems}
+        {checklist.value.map((item, index) => (
+          <Tooltip
+            label="Auto completing field, this can't be manually checked"
+            disabled={item.stateBinding == null}
+            openDelay={500}
+            key={`${item.name}-${index}`}
+          >
+            <Checkbox
+              checked={item.checked}
+              key={`${item.name}-${index}`}
+              label={item.name}
+              onChange={() => setChecked(item.name, !item.checked)}
+            />
+          </Tooltip>
+        ))}
       </div>
 
       {/* Edit mode */}
       <EditCheckList
-        passedName={checklist.name}
+        checklist={checklist}
         opened={editCheckListModal}
         close={() => setEditCheckListModal(false)}
-        checklistId={checklist.id}
-        checkListSet={[checkBoxListString, setCheckboxListString]}
-        generateCheckboxListString={generateCheckboxListString}
-        generateCheckboxList={generateCheckboxList}
       />
 
       {/* Generic "are you sure" modal */}
diff --git a/gcs/src/components/dashboard/preFlightChecklist/checkListEdit.jsx b/gcs/src/components/dashboard/preFlightChecklist/checkListEdit.jsx
index 667ba721a..25de1acb7 100644
--- a/gcs/src/components/dashboard/preFlightChecklist/checkListEdit.jsx
+++ b/gcs/src/components/dashboard/preFlightChecklist/checkListEdit.jsx
@@ -3,64 +3,82 @@
 */
 
 // Native Imports
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
 // 3rd Party Imports
-import { Button, Modal, TextInput } from "@mantine/core"
-import { useEditor } from "@tiptap/react"
-import BulletList from "@tiptap/extension-bullet-list"
-import ListItem from "@tiptap/extension-list-item"
-import { RichTextEditor } from "@mantine/tiptap"
-import { Node } from "@tiptap/core"
+import { ActionIcon, Button, Modal, TextInput, Select } from "@mantine/core"
+import { IconPlus, IconTrashX } from "@tabler/icons-react"
+
+// Helpers
+import { CHECKLIST_AUTO_BINDING_OPTIONS } from "../../../helpers/checklistAutoBindings.js"
 
 // Redux
 import { useDispatch } from "react-redux"
-import { setNewChecklistName } from "../../../redux/slices/checklistSlice.js"
-
-export default function EditCheckList({
-  opened,
-  close,
-  passedName,
-  checklistId,
-  checkListSet,
-  generateCheckboxListString,
-  generateCheckboxList,
-}) {
+import {
+  setChecklistValueById,
+  setNewChecklistName,
+} from "../../../redux/slices/checklistSlice.js"
+
+export default function EditCheckList({ checklist, opened, close }) {
   const dispatch = useDispatch()
-  const [name, setName] = useState(passedName)
-  const [checkboxList, setCheckboxList] = checkListSet
-
-  const Document = Node.create({
-    name: "doc",
-    topNode: true,
-    content: "list+",
-  })
-
-  const Paragraph = Node.create({
-    name: "paragraph",
-    group: "block",
-    content: "inline*",
-    parseHTML() {
-      return [{ tag: "p" }]
-    },
-    renderHTML({ HTMLAttributes }) {
-      return ["p", HTMLAttributes, 0]
-    },
-  })
-
-  const Text = Node.create({
-    name: "text",
-    group: "inline",
-  })
-
-  const editor = useEditor({
-    extensions: [Document, Text, Paragraph, BulletList, ListItem],
-    content: checkboxList,
-    onUpdate: ({ editor }) => {
-      setCheckboxList(editor.getHTML())
-    },
-    autofocus: "end",
-  })
+  const [name, setName] = useState(checklist.name)
+  const [items, setItems] = useState(checklist.value ?? [])
+
+  const autoChecklistBindingsOptions = CHECKLIST_AUTO_BINDING_OPTIONS.map(
+    (item) => ({
+      value: item.key,
+      label: item.label,
+    }),
+  )
+
+  useEffect(() => {
+    if (!opened) {
+      return
+    }
+
+    setName(checklist.name)
+    setItems(checklist.value ?? [])
+  }, [opened, checklist.id])
+
+  function updateItem(index, key, value) {
+    setItems((currentItems) =>
+      currentItems.map((item, itemIndex) => {
+        if (itemIndex !== index) {
+          return item
+        }
+
+        if (key === "stateBinding") {
+          const trimmedValue = typeof value === "string" ? value.trim() : ""
+          return {
+            ...item,
+            stateBinding: trimmedValue === "" ? null : trimmedValue,
+          }
+        }
+
+        return { ...item, [key]: value }
+      }),
+    )
+  }
+
+  function removeItem(index) {
+    setItems((currentItems) =>
+      currentItems.filter((_, itemIndex) => itemIndex !== index),
+    )
+  }
+
+  function addItem() {
+    setItems((currentItems) => [
+      ...currentItems,
+      { name: "", checked: false, stateBinding: null },
+    ])
+  }
+
+  function handleSave(event) {
+    event.preventDefault()
+    dispatch(setNewChecklistName({ id: checklist.id, newName: name }))
+    dispatch(setChecklistValueById({ id: checklist.id, value: items }))
+    close()
+  }
 
   return (
     <Modal
@@ -75,51 +93,67 @@ export default function EditCheckList({
       size={"xl"}
       centered
     >
-      <form
-        onSubmit={(e) => {
-          e.preventDefault()
-          dispatch(setNewChecklistName({ id: checklistId, newName: name }))
-          generateCheckboxList()
-          close()
-        }}
-      >
-        <div className="flex flex-col gap-2">
+      <form onSubmit={handleSave}>
+        <div className="flex flex-col gap-4">
           {/* Inputs */}
-          <h1>Name</h1>
+          <h1>Checklist Name</h1>
           <TextInput
             value={name}
             onChange={(event) => setName(event.currentTarget.value)}
           />
 
-          <div>
-            <h1>Items</h1>
-            <h2 className="text-falcongrey-300 text-sm">
-              Bullet point list of items
-            </h2>
+          <div className="flex flex-col gap-3">
+            <div className="flex w-full gap-2">
+              <h1 className="w-1/2">List Item</h1>
+              <h1>Auto complete?</h1>
+            </div>
+            {items.map((item, index) => (
+              <div key={item.id} className="flex w-full gap-2">
+                <TextInput
+                  value={item.name}
+                  onChange={(event) =>
+                    updateItem(index, "name", event.currentTarget.value)
+                  }
+                  className="w-1/2"
+                />
+                <Select
+                  placeholder="No auto completion"
+                  data={autoChecklistBindingsOptions}
+                  clearable
+                  onChange={(value) => {
+                    updateItem(index, "stateBinding", value)
+                    updateItem(index, "checked", false)
+                  }}
+                  value={item.stateBinding ?? null}
+                  className="grow"
+                />
+                <ActionIcon
+                  color="red"
+                  variant="light"
+                  type="button"
+                  onClick={() => removeItem(index)}
+                  className="self-stretch !h-auto"
+                >
+                  <IconTrashX size={20} stroke={1.5} />
+                </ActionIcon>
+              </div>
+            ))}
+
+            <Button
+              leftSection={<IconPlus size={16} />}
+              onClick={addItem}
+              type="button"
+              variant="light"
+            >
+              Add Item
+            </Button>
           </div>
-          <RichTextEditor
-            editor={editor}
-            classNames={{ content: "!list-disc" }}
-          >
-            {/*
-              Going to keep this for future use with code blocks, no need to delete.
-              <RichTextEditor.Toolbar sticky stickyOffset={60}>
-                <RichTextEditor.ControlsGroup>
-                  <RichTextEditor.BulletList />
-                </RichTextEditor.ControlsGroup>
-              </RichTextEditor.Toolbar>
-            */}
-
-            <RichTextEditor.Content />
-          </RichTextEditor>
 
           {/* Controls */}
           <div className="w-full flex justify-between pt-2">
             <Button
-              onClick={() => {
-                close()
-                generateCheckboxListString(true)
-              }}
+              onClick={close}
+              type="button"
               variant="filled"
               color={"red"}
             >
diff --git a/gcs/src/components/dashboard/tabsSectionTabs/preFlightChecklistSection.jsx b/gcs/src/components/dashboard/tabsSectionTabs/preFlightChecklistSection.jsx
index b015821dc..5d35e8b59 100644
--- a/gcs/src/components/dashboard/tabsSectionTabs/preFlightChecklistSection.jsx
+++ b/gcs/src/components/dashboard/tabsSectionTabs/preFlightChecklistSection.jsx
@@ -58,6 +58,7 @@ export default function PreFlightChecklistTab({ tabPadding }) {
         {
           checked: false,
           name: "Your first item, press edit to add more!",
+          stateBinding: null,
         },
       ]
     }
diff --git a/gcs/src/helpers/checkList.js b/gcs/src/helpers/checkList.js
deleted file mode 100644
index e3e616195..000000000
--- a/gcs/src/helpers/checkList.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { showErrorNotification } from "./notification"
-
-export function generateCheckListObjectFromHTMLString(
-  HTMLString,
-  defaultCheck = false,
-) {
-  let final = []
-  try {
-    HTMLString.split("<li><p>")
-      .splice(1)
-      .forEach((element) => {
-        let text = element.split("</p>")[0].trim()
-        if (text !== "") {
-          final.push({
-            checked: defaultCheck,
-            name: element.split("</p>")[0].trim(),
-          })
-        }
-      })
-  } catch (error) {
-    showErrorNotification(
-      "Failed to convert to checklist object from HTML string",
-    )
-  }
-  return final
-}
diff --git a/gcs/src/helpers/checklistAutoBindings.js b/gcs/src/helpers/checklistAutoBindings.js
new file mode 100644
index 000000000..92cff8c4d
--- /dev/null
+++ b/gcs/src/helpers/checklistAutoBindings.js
@@ -0,0 +1,42 @@
+// Central registry for checklist state bindings, used for both UI and checklist slice
+
+export const CHECKLIST_AUTO_BINDINGS = Object.freeze({
+  // Handled in checklist slice
+  DroneConnected: Object.freeze({
+    key: "drone.connected",
+    label: "Drone Connected",
+  }),
+  GpsSatsGt10: Object.freeze({
+    key: "gps.sats.gt10",
+    label: "GPS sats > 10",
+  }),
+  GpsHdopLt1: Object.freeze({
+    key: "gps.hdop.lt1",
+    label: "GPS hdop < 1",
+  }),
+  GpsFixGte3: Object.freeze({
+    key: "gps.fix.gte3",
+    label: "GPS fix >= 3",
+  }),
+  CompassHealthy: Object.freeze({
+    key: "compass.healthy",
+    label: "Compass Healthy",
+  }),
+  // AccelerometerHealthy: Object.freeze({
+  //   key: "accelerometer.healthy",
+  //   label: "Accelerometer Healthy",
+  // }),
+
+  // Handled in the socket middleware
+  EkfAllGreen: Object.freeze({
+    key: "ekf.all.green",
+    label: "EKF all green",
+  }),
+
+  // For future: Look into how laptop battery could be used, this will likely be
+  // in the middleware?
+})
+
+export const CHECKLIST_AUTO_BINDING_OPTIONS = Object.freeze(
+  Object.values(CHECKLIST_AUTO_BINDINGS),
+)
diff --git a/gcs/src/redux/middleware/socketMiddleware.js b/gcs/src/redux/middleware/socketMiddleware.js
index 4709bc64a..13b623bac 100644
--- a/gcs/src/redux/middleware/socketMiddleware.js
+++ b/gcs/src/redux/middleware/socketMiddleware.js
@@ -35,7 +35,11 @@ import {
 // socket factory
 import { dataFormatters } from "../../helpers/dataFormatters.js"
 import { isGlobalFrameHomeCommand } from "../../helpers/filterMissions.js"
-import { FRAME_CLASS_MAP } from "../../helpers/mavlinkConstants.js"
+import {
+  EKF_STATUS_WARNING_LEVEL,
+  FRAME_CLASS_MAP,
+} from "../../helpers/mavlinkConstants.js"
+import { CHECKLIST_AUTO_BINDINGS } from "../../helpers/checklistAutoBindings"
 import {
   closeLoadingNotification,
   redColor,
@@ -147,6 +151,7 @@ import {
   updateParamValue,
 } from "../slices/paramsSlice.js"
 import { pushMessage } from "../slices/statusTextSlice.js"
+import { setChecklistAutoBindingChecked } from "../slices/checklistSlice"
 import { handleEmitters } from "./emitters.js"
 
 const SocketEvents = Object.freeze({
@@ -354,6 +359,15 @@ const socketMiddleware = (store) => {
           flags: msg.flags,
         }
         store.dispatch(setEkfStatusReportData(data))
+
+        const { ekfCalculatedStatus } = store.getState().droneInfo
+        store.dispatch(
+          setChecklistAutoBindingChecked({
+            bindingKey: CHECKLIST_AUTO_BINDINGS.EkfAllGreen.key,
+            checked: ekfCalculatedStatus <= EKF_STATUS_WARNING_LEVEL,
+          }),
+        )
+
         window.ipcRenderer.invoke("app:update-ekf-status", data)
         break
       }
diff --git a/gcs/src/redux/slices/checklistSlice.js b/gcs/src/redux/slices/checklistSlice.js
index 869e951f3..84c1f9c99 100644
--- a/gcs/src/redux/slices/checklistSlice.js
+++ b/gcs/src/redux/slices/checklistSlice.js
@@ -1,5 +1,9 @@
 import { createSelector, createSlice } from "@reduxjs/toolkit"
 import { v4 as uuidv4 } from "uuid"
+import { CHECKLIST_AUTO_BINDINGS } from "../../helpers/checklistAutoBindings"
+import { setConnected } from "./droneConnectionSlice"
+import { setEkfStatusReportData, setGpsRawIntData } from "./droneInfoSlice"
+import { EKF_STATUS_WARNING_LEVEL } from "../../helpers/mavlinkConstants"
 
 const checklistSlice = createSlice({
   name: "checklist",
@@ -44,6 +48,77 @@ const checklistSlice = createSlice({
         )
       }
     },
+    setChecklistItemStateBinding: (state, action) => {
+      const { checklistId, itemName, stateBinding } = action.payload
+      const binding =
+        typeof stateBinding === "string" ? stateBinding.trim() : null
+
+      state.items = state.items.map((checklist) => {
+        if (checklist.id !== checklistId) {
+          return checklist
+        }
+
+        if (!Array.isArray(checklist.value)) {
+          return checklist
+        }
+
+        return {
+          ...checklist,
+          value: checklist.value.map((valueItem) => {
+            if (valueItem.name !== itemName) {
+              return valueItem
+            }
+
+            if (binding) {
+              return { ...valueItem, stateBinding: binding }
+            }
+
+            const rest = { ...valueItem }
+            delete rest.stateBinding
+            return rest
+          }),
+        }
+      })
+    },
+    setChecklistAutoBindingChecked: (state, action) => {
+      const { bindingKey, checked } = action.payload
+      applyAutoBinding(state, bindingKey, Boolean(checked))
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addCase(setConnected, (state, action) => {
+      applyAutoBinding(
+        state,
+        CHECKLIST_AUTO_BINDINGS.DroneConnected.key,
+        action.payload,
+      )
+    })
+    builder.addCase(setGpsRawIntData, (state, action) => {
+      applyAutoBinding(
+        state,
+        CHECKLIST_AUTO_BINDINGS.GpsSatsGt10.key,
+        Boolean(action.payload.satellites_visible > 10),
+      )
+
+      applyAutoBinding(
+        state,
+        CHECKLIST_AUTO_BINDINGS.GpsHdopLt1.key,
+        Boolean(action.payload.hdop != null && action.payload.hdop < 1),
+      )
+
+      applyAutoBinding(
+        state,
+        CHECKLIST_AUTO_BINDINGS.GpsFixGte3.key,
+        Boolean(action.payload.fix_type >= 3),
+      )
+    })
+    builder.addCase(setEkfStatusReportData, (state, action) => {
+      applyAutoBinding(
+        state,
+        CHECKLIST_AUTO_BINDINGS.CompassHealthy.key,
+        Boolean(action.payload.compass_variance <= EKF_STATUS_WARNING_LEVEL),
+      )
+    })
   },
   selectors: {
     selectChecklists: (state) => {
@@ -52,6 +127,20 @@ const checklistSlice = createSlice({
   },
 })
 
+function applyAutoBinding(state, bindingKey, checked) {
+  state.items.forEach((checklist) => {
+    if (!Array.isArray(checklist.value)) {
+      return
+    }
+
+    checklist.value.forEach((valueItem) => {
+      if (valueItem.stateBinding === bindingKey) {
+        valueItem.checked = checked
+      }
+    })
+  })
+}
+
 function doesItemExistById(state, id) {
   return state.items.find((element) => element.id === id)
 }
@@ -75,6 +164,8 @@ export const {
   setChecklistItems,
   setNewChecklistName,
   setChecklistValueById,
+  setChecklistItemStateBinding,
+  setChecklistAutoBindingChecked,
 } = checklistSlice.actions
 export const { selectChecklists } = checklistSlice.selectors