.ugai

User Generated AI

\n \n \n \n

\n ...\n

\n \n \n

\n \n\n\n```\n\nFor the \"Try\" tab, I need:\n- Load .ugai file (file input)\n- Display parsed title, description, prompt\n- Editor to create title, description, prompt\n- Save as .ugai file button\n\nFor parsing, I need to handle the special Unicode characters correctly. The characters are:\n- 㒹 (U+2F813) - title delimiter\n- 內 (U+2F814) - description delimiter \n- 再 (U+2F815) - prompt delimiter\n\nI can use regex to find text between pairs of these characters. Since they are astral plane characters, I need to use the `u` flag.\n\n```javascript\nconst titleMatch = text.match(/㒹([^㒹]*)㒹/u);\nconst descMatch = text.match(/內([^內]*)內/u);\nconst promptMatch = text.match(/再([^再]*)再/u);\n```\n\nWait, these are surrogate pairs. In JavaScript, the `.` in regex with `u` flag matches a full code point. The negated character class `[^㒹]` with `u` flag should also work. Actually, without `u` flag it might treat them as surrogate pairs separately. With `u` flag it treats them as single characters.\n\nTo be safe:\n```javascript\nconst titleMatch = text.match(/㒹([\\s\\S]*?)㒹/u);\n```\n\nBut `[\\s\\S]` with `u` flag matches any code point. That should work.\n\nFor saving:\n```javascript\nconst content = `㒹${title}㒹內${description}內再${prompt}再`;\n```\n\nThen create a blob and download link.\n\nFor styling, I'll use CSS with a dark theme, glassmorphism or simple cards. Make tabs touch-friendly.\n\nI should also include the integration prompt text and license info.\n\nLet me create the files now.\n\nAlso, I should consider creating an example .ugai file as a downloadable asset. But the user said \"multiple files\" and the project is introducing the extension. I can create a `sample.ugai` file with example content.\n\nActually, I can generate it in the demo, but having a sample file is nice. Let me create `sample.ugai` with a friendly AI persona.\n\nLet me think about what text to put in sample.ugai:\nTitle: Helpful Assistant\nDescription: A friendly, knowledgeable AI assistant ready to help with any task.\nPrompt: You are a helpful assistant. Be concise, accurate, and kind.\n\nWrapped:\n㒹Helpful Assistant㒹內A friendly, knowledgeable AI assistant ready to help with any task.內再You are a helpful assistant. Be concise, accurate, and kind.再\n\nNow I need to create the files. Let me do it.\n\nFor the integration tab, I should include:\n1. The exact prompt to feed to AI coding tools\n2. A simple code snippet for JavaScript parser\n3. Maybe Python snippet too\n\nLicense tab or footer can mention CC BY 4.0 / CC0.\n\nLet me make sure the mobile experience is good. I'll make the app fit the viewport with tabs and scrollable content panels if needed. Actually, the guideline says \"One screen height, no scrolling\". But if content doesn't fit, I should make panels scrollable within the viewport, not the whole page. Or use compact content.\n\nI'll make the layout:\n- Header: fixed height\n- Tabs: fixed height\n- Content: flex-1 with overflow-y: auto (so each panel can scroll if needed)\n- Footer: fixed height\n\nThis way the app fits one screen and internal content scrolls if needed.\n\nLet me write the CSS accordingly.\n\nI should also add a copy button for the integration prompt and code snippets.\n\nLet me start creating files.\n\nI'll create a complete project introducing the `.ugai` file format with a landing page, live demo, and documentation. Here are the files:\n\nindex.html\n```index.html\n```\n\nstyles.css\n```styles.css\n```\n\napp.js\n```app.js\n```\n\nREADME.md\n```README.md\n```\n\n## Integration prompt\nTo add `.ugai` support to any project, feed this prompt to your AI coding assistant:\n\n> Add a .ugai file loader and saver. A .ugai file contains three Unicode characters: 㒹, 內, and 再. The text in the file surrounded by 㒹 is the title (for example, 㒹AI㒹 makes the AI's title 'AI'), the text surrounded by 內 is the description, and finally, the text surrounded by 再 is the prompt.\n\n## JavaScript parser\n```javascript\n```\n\n## License\nCC BY 4.0 / CC0 Public Domain Extension Dedication\n\n- Commercial use allowed\n- Free integration into apps and websites\n- No attribution required\n```\n\nsample.ugai\n```text\n㒹Helpful Assistant㒹內A friendly, knowledgeable AI assistant ready to help with any task.內再You are a helpful assistant. Be concise, accurate, and kind. Always think step by step when solving problems.再\n```\n\nThe project is ready. It includes:\n\n1. **index.html** — a mobile-first, single-screen landing page with tabbed sections\n2. **styles.css** — responsive dark-themed styling\n3. **app.js** — a working `.ugai` parser, loader, and saver demo\n4. **README.md** — full specification and integration instructions\n5. **sample.ugai** — an example persona file\n\nOpen `index.html` in a browser to explore the format, load/save `.ugai` files, and copy the integration prompt.","cursor","eyJpZCI6Im04ZGljdDNkOTNmc3Jnb2Y2aHMzIn0","token","included",[],"routes/browser/layout","actionData","errors"]

.ugai file extension introduction