diff --git a/ui/src/Avatar.svelte b/ui/src/Avatar.svelte
index b2d7bc0..7e7f2d4 100644
--- a/ui/src/Avatar.svelte
+++ b/ui/src/Avatar.svelte
@@ -4,6 +4,7 @@
   import { getContext } from "svelte";
   import type { KanDoStore } from "./store";
   import SvgIcon from "./SvgIcon.svelte";
+  import "@shoelace-style/shoelace/dist/components/skeleton/skeleton.js";
 
   const { getStore } :any = getContext("store");
   let store: KanDoStore = getStore();
@@ -26,8 +27,11 @@
 <div class="avatar-{namePosition}"
     >
     {#if $profile.status == "pending"}
-    ( ? )
-    {:else if $profile.status == "complete"}
+        <sl-skeleton
+        effect="pulse"
+        style={`height: ${size}px; width: ${size}px;`}
+        ></sl-skeleton>
+        {:else if $profile.status == "complete"}
 
         {#if showAvatar}
             {#if placeholder && !$profile.value.entry.fields.avatar}
diff --git a/ui/src/CardDetails.svelte b/ui/src/CardDetails.svelte
index 4dd2778..c7d3516 100644
--- a/ui/src/CardDetails.svelte
+++ b/ui/src/CardDetails.svelte
@@ -304,7 +304,12 @@
           </div>
         </div>
       </div>
-      <div class="belongs-to">In column <strong>{store.getCardGroupName(cardId, $state)}</strong></div>
+      <div class="belongs-to" style="display:flex; align-items: center;">
+        <div >In column <strong>{store.getCardGroupName(cardId, $state)}</strong></div>
+        {#if card && card.creator}
+          <div style="margin-left:20px;margin-right:5px;">Created by:</div><Avatar size={20}  agentPubKey={decodeHashFromBase64(card.creator)}/>
+        {/if}
+      </div>
       {#if editingDescription}
         <sl-textarea id="edit-desc" use:doFocus bind:this={editDescriptionElement} rows=10 class='textarea' value={editDesc}
           on:sl-input={e=>{
diff --git a/ui/src/KanDoPane.svelte b/ui/src/KanDoPane.svelte
index 2610a65..6cf76b4 100644
--- a/ui/src/KanDoPane.svelte
+++ b/ui/src/KanDoPane.svelte
@@ -164,7 +164,8 @@
       const card:Card = {
         id: uuidv1(),
         comments: {},
-        checklists: {}, 
+        checklists: {},
+        creator: store.myAgentPubKeyB64,
         props,
       };
       activeBoard.requestChanges([{ type: "add-card", value: card, group: column}]);
diff --git a/ui/src/board.ts b/ui/src/board.ts
index 14a2511..1c2e8ae 100644
--- a/ui/src/board.ts
+++ b/ui/src/board.ts
@@ -56,6 +56,7 @@ export type Card = {
     props: CardProps;
     comments: Comments
     checklists: Checklists
+    creator: AgentPubKeyB64
 };
   
 export const UngroupedId = "_"