Add template validation, more teplates, animations feedback after clicking button and more

Author: marosiak

actions/actions.go

@@ -3,3 +3,4 @@ package actions
 const AddPerson = "add-person"
 const RemovePerson = "remove-person"
 const ActionOpenTeamPresetsModal = "open-team-presets-modal"
+const ShareWorkspace = "share-workspace"

cmd/server/main.go

@@ -1,11 +1,11 @@
 package main
 
 import (
-	"github.com/marosiak/agent-prompt-builder/config"
-	"github.com/marosiak/agent-prompt-builder/ui/views"
+	"github.com/marosiak/agent-prompt-builder/ui/pages"
 	"log"
 	"net/http"
 
+	"github.com/marosiak/agent-prompt-builder/config"
 	"github.com/maxence-charriere/go-app/v10/pkg/app"
 )
 
@@ -15,10 +15,10 @@ import (
 func main() {
 
 	app.Route("/", func() app.Composer {
-		return &views.MainView{}
+		return &pages.MainPage{}
 	})
 	app.Route("/import", func() app.Composer {
-		return &views.ImportView{}
+		return &pages.ImportPage{}
 	})
 
 	config.RegisterRoutes()

cmd/static/main.go

@@ -1,19 +1,20 @@
 package main
 
 import (
+	"log"
+
 	"github.com/marosiak/agent-prompt-builder/config"
 	"github.com/marosiak/agent-prompt-builder/ui/views"
 	"github.com/maxence-charriere/go-app/v10/pkg/app"
-	"log"
 )
 
 func main() {
 	// TODO fix DRY
 	app.Route("/", func() app.Composer {
-		return &views.MainView{}
+		return &views.MainPage{}
 	})
 	app.Route("/import", func() app.Composer {
-		return &views.ImportView{}
+		return &views.ImportPage{}
 	})
 
 	app.RunWhenOnBrowser()

config/app.go

@@ -2,7 +2,7 @@ package config
 
 import (
 	"github.com/google/uuid"
-	"github.com/marosiak/agent-prompt-builder/ui/views"
+	"github.com/marosiak/agent-prompt-builder/ui/pages"
 	"github.com/maxence-charriere/go-app/v10/pkg/app"
 )
 
@@ -34,9 +34,9 @@ func GetAppHandler(isStatic bool) *app.Handler {
 
 func RegisterRoutes() {
 	app.Route("/", func() app.Composer {
-		return &views.MainView{}
+		return &pages.MainPage{}
 	})
 	app.Route("/import", func() app.Composer {
-		return &views.ImportView{}
+		return &pages.ImportPage{}
 	})
 }

domain/master_prompt.go

@@ -16,30 +16,39 @@ import (
 type MasterPromptTemplate string
 
 func (m MasterPromptTemplate) SetStyle(style string) MasterPromptTemplate {
-	return MasterPromptTemplate(strings.ReplaceAll(string(m), "[[$$style$$]]", style))
+	return MasterPromptTemplate(strings.ReplaceAll(string(m), "$$style$$", style))
 }
 
 func (m MasterPromptTemplate) SetTeam(team string) MasterPromptTemplate {
-	return MasterPromptTemplate(strings.ReplaceAll(string(m), "[[$$team$$]]", team))
+	return MasterPromptTemplate(strings.ReplaceAll(string(m), "$$team$$", team))
 }
 
 func (m MasterPromptTemplate) SetRules(rules string) MasterPromptTemplate {
-	return MasterPromptTemplate(strings.ReplaceAll(string(m), "[[$$rules$$]]", rules))
+	return MasterPromptTemplate(strings.ReplaceAll(string(m), "$$rules$$", rules))
 }
 
-func (m MasterPromptTemplate) IsValid() (bool, error) {
+type PromptTemplateValidation struct {
+	StylePlaceholderMissing bool `json:"style_placeholder_missing"`
+	TeamPlaceholderMissing  bool `json:"team_placeholder_missing"`
+	RulesPlaceholderMissing bool `json:"rules_placeholder_missing"`
+}
+
+func (m MasterPromptTemplate) IsValid() (bool, *PromptTemplateValidation) {
 	str := string(m)
 
-	if !strings.Contains(str, "[[$$style$$]]") {
-		return false, fmt.Errorf("template is missing $$style$$ placeholder")
-	}
-	if !strings.Contains(str, "[[$$team$$]]") {
-		return false, fmt.Errorf("template is missing $$team$$ placeholder")
-	}
-	if !strings.Contains(str, "[[$$rules$$]]") {
-		return false, fmt.Errorf("template is missing $$rules$$ placeholder")
+	validation := &PromptTemplateValidation{
+		StylePlaceholderMissing: !strings.Contains(str, "$$style$$"),
+		TeamPlaceholderMissing:  !strings.Contains(str, "$$team$$"),
+		RulesPlaceholderMissing: !strings.Contains(str, "$$rules$$"),
 	}
 
+	if validation.StylePlaceholderMissing || validation.TeamPlaceholderMissing || validation.RulesPlaceholderMissing {
+		slog.Error("Master prompt template is invalid",
+			slog.Bool("style_placeholder_missing", validation.StylePlaceholderMissing),
+			slog.Bool("team_placeholder_missing", validation.TeamPlaceholderMissing),
+			slog.Bool("rules_placeholder_missing", validation.RulesPlaceholderMissing))
+		return false, validation
+	}
 	return true, nil
 }
 
@@ -57,7 +66,7 @@ func (f WeightedString) String() string {
 		}
 	}
 	if f.Weight == 0 {
-		return fmt.Sprintf("[WEIGHT: unspecified] %s", name)
+		return fmt.Sprintf("[WEIGHT: ?] %s", name)
 	}
 
 	return fmt.Sprintf("[WEIGHT: %d] %s", f.Weight, f.Name)
@@ -230,9 +239,9 @@ func (m *MasterPrompt) RemoveFeatureByID(featureID string) {
 func (m *MasterPrompt) String() (string, error) {
 	masterPrompt := m.Template
 
-	isValid, err := masterPrompt.IsValid()
+	isValid, _ := masterPrompt.IsValid()
 	if !isValid {
-		return "", fmt.Errorf("master prompt template is invalid: %w", err)
+		return "", fmt.Errorf("master prompt template is invalid")
 	}
 
 	styleString := ""

domain/templates_presets.go

@@ -2,46 +2,48 @@ package domain
 
 var MinimalisticTemplate = MasterPromptTemplate(`
 ### Apply such style
-[[$$style$$]]
+$$style$$
 
 ### Follow these rules:
-[[$$rules$$]]
+$$rules$$
 
 ### Cooperate with this team:
-[[$$team$$]]
+$$team$$
 `)
 
-var CodingInUnityTemplate = MasterPromptTemplate(`
-You are a senior programming assistant specialized in game development with Unity6 and C#.
+var CodingTemplate = MasterPromptTemplate(`
+You are a senior programming assistant working in a collaborative environment.
 
-You work inside a virtual development team, where each member has a unique coding style, values, and review approach. The team always collaborates.
+You work inside a development team, where each member has a unique experience, coding style, values, and review approach. The team always collaborates.
 
-The team:
-[[$$team$$]]
+# The team:
+<team>
+$$team$$
+</team>
 
-
-Your task follows a strict 3-phase development workflow:
+I want you to work in Phases, each with a specific goal.
 
 ---
 
 🧠 PHASE 1: BRAINSTORM  
-Before writing any code, initiate a brainstorming round. Each persona independently shares suggestions, concerns, or patterns they would apply to the provided input:
+Before writing any code, initiate a brainstorming round. Explain topic to the team, then they'll answer and shares suggestions, concerns, or patterns they would apply to the provided input:
 
 Include design hints, edge cases, architectural suggestions, warnings or creative alternatives.  
 This is not code – only ideas and reasoning. Each persona replies separately.
 
+
 ---
 
 💻 PHASE 2: CODE GENERATION  
-Based on the brainstorm output, write a full Unity C# solution – a single, complete code file.  
-Apply clean architecture, Unity6 conventions, and C# best practices.
+Based on the brainstorm output, write a full solution, including all necessary files, classes, and methods.
+You know your team very well, so try to write code that can satisfy all team members.
 
-Always output the entire code, even if parts are unchanged. Do not include explanations unless asked.
+Always output the entire code, even if parts are unchanged.
 
 ---
 
 🧪 PHASE 3: CODE REVIEW + RESOLUTION  
-Now simulate a code review session. Each persona reviews the generated code and comments on what was good or problematic from their perspective.
+Simulate a code review session. Each persona reviews the generated code and comments on what was good or problematic from their perspective.
 
 As assistant:
 - For each comment, mark resolution status using emoji:  
@@ -57,17 +59,38 @@ As assistant:
 
 ---
 
-Apply such style rules:
-[[$$style$$]]
+# Additional *STYLE* instructions:
+<style>
+$$style$$
+</style>
 
-RULES:
-- Use markdown formatting if possible (e.g. triple backticks for code)
+# More *RULES*:
+<rules>
+$$rules$$  
 - Do not hallucinate personas or skip any steps
-[[$$rules$$]]  
-
+</rules>
+`)
+var BrainstormingTemplate = MasterPromptTemplate(`
+You are a brainstorming assistant working in a collaborative environment.
+You work inside a development team, where each member has a unique experience, coding style, values, and review approach. The team always collaborates in order to get best and objective results.
+
+# The team:
+<team>
+$$team$$
+</team>
+
+# Rules: 
+<rules>
+$$rules$$
+</rules>
+
+# Style:
+<style>
+$$style$$ 
+</style>
 `)
-
 var AllMasterTemplatesMap = map[string]MasterPromptTemplate{
-	"Minimalistic":            MinimalisticTemplate,
-	"[Coding] Unity template": CodingInUnityTemplate,
+	"🔸 Minimalistic":  MinimalisticTemplate,
+	"🧠 Brainstorming": BrainstormingTemplate,
+	"🤖 Coding":        CodingTemplate,
 }

state/prompt_state.go

@@ -44,7 +44,7 @@ func GetMasterPrompt(ctx app.Context) domain.MasterPrompt {
 
 func getDefaultMasterPrompt() domain.MasterPrompt {
 	return domain.MasterPrompt{
-		Template:    domain.CodingInUnityTemplate,
+		Template:    domain.CodingTemplate,
 		StylePreset: domain.StylePresetShortAndLazy,
 		RulePreset:  domain.RulePresetPerformanceOptimization,
 		TeamPreset:  domain.ExampleTeamPreset,

tailwind/config.css

@@ -12,8 +12,8 @@
         prefersdark: false;
         color-scheme: "light";
         --color-base-100: oklch(97.788% 0.004 56.375);
-        --color-base-200: oklch(93.982% 0.007 61.449);
-        --color-base-300: oklch(91.586% 0.006 53.44);
+        --color-base-200: oklch(96% 0.001 286.375);
+        --color-base-300: oklch(87% 0.006 286.286);
         --color-base-content: oklch(23.574% 0.066 313.189);
         --color-primary: oklch(80% 0.105 251.813);
         --color-primary-content: oklch(43% 0.078 188.216);
@@ -24,13 +24,13 @@
         --color-neutral: oklch(27% 0.006 286.033);
         --color-neutral-content: oklch(92% 0.004 286.32);
         --color-info: oklch(68% 0.169 237.323);
-        --color-info-content: oklch(29% 0.066 243.157);
-        --color-success: oklch(69% 0.17 162.48);
-        --color-success-content: oklch(26% 0.051 172.552);
+        --color-info-content: oklch(39% 0.09 240.876);
+        --color-success: oklch(62% 0.194 149.214);
+        --color-success-content: oklch(98% 0.003 247.858);
         --color-warning: oklch(79% 0.184 86.047);
-        --color-warning-content: oklch(28% 0.066 53.813);
-        --color-error: oklch(64% 0.246 16.439);
-        --color-error-content: oklch(27% 0.105 12.094);
+        --color-warning-content: oklch(47% 0.114 61.907);
+        --color-error: oklch(71% 0.194 13.428);
+        --color-error-content: oklch(39% 0.141 25.723);
         --radius-selector: 0.5rem;
         --radius-field: 0.5rem;
         --radius-box: 1rem;

ui/components/breadcrumbs.go

@@ -18,7 +18,7 @@ type BreadcrumbsComponent struct {
 }
 
 func (b *BreadcrumbsComponent) Render() app.UI {
-	ul := app.Ul().Class("breadcrumbs text-xl")
+	ul := app.Ul().Class("breadcrumbs text-md lg:text-xl")
 	var liList []app.UI
 	for _, breadcrumb := range b.Breadcrumbs {
 		li := app.Li()