Introduction
Principles
Guidelines
Ingredients
  • Infrastructure
    • Logging
    • Settings Keys
    • Window Frame Persistence
  • Ui
    • Components
      • AI Chat Control
      • Collapsible Pane Header
      • Color Profile
      • Empty State
      • Git Status Indicator
      • Metadata Line
      • Status Bar
    • Panels
      • AI Settings Panel
      • Code Editor Pane
      • Debug Panel
      • File Tree Browser
      • Inspector Panel
      • Terminal Pane
  • Web
    • Controls
      • Appearance Mode Toggle
Recipes
Compliance
Reference
Appendix

Cookbook Projects

Components

7 documents

AI Chat Control

Compact inline chat control for multi-turn AI conversation with scrollable history and multi-provider support

ioskotlinmacosswifttypescriptwebwindows

Collapsible Pane Header

Clickable header bar with disclosure chevron that collapses or expands a split view section

ioskotlinmacosswift

Color Profile

Named color palette with foreground, background, ANSI colors, and built-in presets for terminal and editor theming

ioskotlinmacosswifttypescriptweb

Empty State

Centered placeholder view shown when there is no content, with icon, heading, and optional action buttons

ioskotlinmacosswifttypescriptweb

Git Status Indicator

Git file status indicator with colored character badges, text labels, and priority-based directory rollup

ioskotlinmacosswifttypescriptweb

Metadata Line

Compact single-line label combining a leading icon with a text value for displaying metadata

ioskotlinmacosswifttypescriptweb

Status Bar

Slim animated bar that slides in at the bottom of a view to indicate a background operation is in progress

ioskotlinmacosswifttypescriptweb
© 2026 Agentic Development Studiov1.0.35 · 0d4521a6
TermsPrivacy

The Agentic Developer family

Hub

  • BitbagThe Agentic Developer persona
  • MessagesSend & receive messages
  • HubThe Agentic Developer Hub
  • NewsNews & updates
  • StatusSystem status
  • CommunityForums & discussion
  • HelpHelp topics
  • SupportGet support
  • StoreHub merch & gear
  • OrganizationsManage organizations

Learn

  • AcademyLearn agentic dev

Plan

  • ProjectsProject planning
  • NarrativesEcosystem stories
  • NotebookNotes & notebooks
  • ResearchStore & review research
  • DocsOrganize your documents

Build

  • TeamYour agentic dev team
  • Code ReviewsCode reviews
  • CookbookRecipes & patterns
  • ToolkitThe developer toolkit
  • ToolsDeveloper tools
  • TestingTest plans & bugs
  • ShiprMove code to production

Personas

  • PersonasDefine your personas
  • Persona BuilderConfigure personas
  • Persona RegistryBrowse agentic personas
  • Knowledge BasesKnowledge bases
  • Team BuilderBuild agentic teams
  • Team RegistryRegister agentic teams
  • My TeamsBuild your own agentic teams

Products

  • ProductsDefine products
  • StorageManage storage
  • EcosystemsBuild ecosystems
  • AuthenticationCustomer auth
  • CustomersManage customers
  • BillingCustomer billing
  • MessagingEmail & SMS integrations
  • NotificationsSend notifications
  • SitesQuick landing pages
  • CommunitiesBuild communities
  • DashboardsStatus dashboards
  • DevicesConnect devices
  • DomainsCustom domains
  • IntegrationsManage integrations
  • RegistriesBuild registries
  • GamificationProduct gamification
  • GamesBuild your games
  • StoresSell your products

Hire

  • ConsultantsFind consultants
  • RegistryRegistered hub developers
  • FishLamp DesignThe studio behind the Hub
  • fishlampdesign.comFishLamp Design — second domain

Terms of Service

Privacy Policy