MyForge LabsHUNew project ↗
myforge-workspacestudio / how-it-was-built.md

From our own workspace

Every detail
has a purpose.

The original MyForge identity in a VS Code-inspired workspace: six illustrated projects, openable tabs, example AI panels and a workflow you can explore step by step.

The original MyForge, with new details

The multicolour logo, violet, magenta and cyan palette, and Exo 2 and Poppins typefaces define the site’s character. A title bar, project explorer and tabs familiar from code editors fit into that identity. The portfolio shows real project interfaces.

Explore our workspace

The website is a VS Code-inspired workspace. Open six illustrated projects in their own tabs, alongside services, the team and a new-project brief. Expand folders, reorder tabs and drag panel edges to resize them. Pin a project in a second reading pane. The toolkit explains which tools we work with and how we use them.

A window you can make your own

The red button closes the workspace and yellow minimizes it; open projects and filled fields remain when you return. Green maximizes the website window. The View menu also offers full screen where supported. Open, close or maximize the terminal separately. Type help to list local navigation commands: open kgc opens a project and bmad starts the demonstration.

Project atlas and real screenshots

Filter the project atlas by capabilities and keywords, then compare two projects side by side. The comparison shows the developments presented and each project’s status. Open screenshots from project tabs in the image viewer. Each image is a captured interface; the viewer does not launch a customer’s system.

From an idea to delivery

Choose a project in the Delivery lab, explore the four stages and inspect example briefs, plans and review notes. The same selected project appears in the terminal and sessions. Download an example document locally; doing so does not place an order or submit an enquiry.

Your pace, your layout

Studio, Focus and Review layouts complement controls for content size and file-list density. Use the command palette to open views and run workspace actions. Website search looks through public, indexable page text; queries are not sent to a search server. Results link to real pages.

Research, planning, review

Gemini and NotebookLM support deep research and source discovery; we plan with BMAD and Claude, and review with Codex. Developers build with tools and skills suited to the task, and verify behaviour with appropriate tests. Select any of the four stages or replay the demonstration. Panels show prepared public examples.

Knowledge network and bot fleet

The knowledge network illustrates our Superintelligent Vault: research, project, skill, decision and lesson nodes connect. Select and move nodes, filter by category and open the related project. The sample Discord flow moves between the client, client bot, bot fleet and developers, with an approval point before knowledge propagation.

From superprompt to reusable learning

The superprompt records the goal, context, constraints and a verifiable definition of done. After a session, crystallisation extracts useful lessons; approved propagation routes them into the right knowledge note, project, decision or skill. The demonstration uses public sample relationships.

The development behind the work

KGC-Bérlés highlights four developments: a desktop exploded-parts finder, a shared customer portal and CRM, an in-store touch-screen kiosk and Display Studio. Its detailed presentation includes two previously captured application screens. Poparch’s closed plan-processing prototype and Strabor’s customer application provide further examples. BPSE, TEXTURA and Foxxi complete the six projects. Implemented systems and prototypes are clearly identified.

Readable on smaller screens

On mobile, the project explorer and example AI panels open in separate drawers, leaving room for the selected project. Every inner page is a document in the same workspace. Case studies, articles, services and interactive tools have their own tabs, with a table of contents linking to the actual headings in longer documents.

Content first

The content of key pages is included directly in the HTML. Navigation, company details and portfolio content use shared sources to keep Hungarian and English aligned.

Fewer unnecessary downloads

Fonts are served locally, and portfolio images come in several sizes so the browser can choose a version suited to the screen. The example workflow uses locally available sample text. Hungarian and English pages are generated from the same content sources.

Your choices matter

Statistics, marketing and support chat are separate choices. You can use the site without them, and reopen the settings from the footer.

Installable from the browser

The website is a PWA: supporting browsers let you add it to your home screen with its own icon. Some previously visited public pages may remain available without a connection, and the offline page works on its own. Sending a message requires internet access; we do not save pending messages.

Looking for a website built with the same care? Let’s talk.

LOCAL DEMO

bmad Research · Gemini + NotebookLM

README.mdKGC-BérlésPoparchStraborBPSETEXTURA SalonFoxxiSolutionsThe teamStart a projectClaude CodeCodexGeminiBMADVisual Studio CodePlaywrightGitNotebookLMObsidian / Vault 11.11Agent skillsDiscordProject atlasDelivery labKnowledge network & fleetERP · coming soonWorkspace settings

Esc · close