展示HN：N.codes – 让用户在您的应用中生成迷你应用程序
嘿，HN，
我一直在开发 n.codes，这是一个开源框架，允许最终用户通过自然语言提示在您的应用中生成自己的用户界面。
问题是：每个 SaaS 团队都被功能请求淹没。大多数请求并不复杂——只是现有数据的不同排列：“给我显示需要审批的超过 $500 的退款”，“导出这个格式化为会计的报告”，“批量归档这些记录”。
后端已经可以做到这一点。瓶颈在于通过用户界面暴露这些功能。
它的工作原理：
- 读取您的组件（React/Vue），以了解可用的 UI 原语和样式
- 从您的 API、模式和文档中构建功能映射
- 当用户发出提示时，在您的应用中生成一个使用现有 API 和组件的沙盒 UI
它并不适用于营销页面或复杂流程。它是针对 80% 的内部工具，这些工具只是 CRUD、仪表板和工作流。
当前状态：早期阶段。架构已定义，核心功能映射有效。在构建完整运行时之前，寻求反馈。
希望获得以下方面的反馈：
- 这是否解决了您遇到的真实问题？
- 什么能让您信任在生产应用中生成的 UI？（沙盒模型、权限、审计跟踪？）
- 我应该研究的类似方法？
GitHub: [https://github.com/yungookim/n.codes](https://github.com/yungookim/n.codes)
网站: [https://n.codes](https://n.codes)
查看原文
Hey HN,<p>I've been working on n.codes, an open-source framework that lets end users generate their own UI within your app using natural language prompts.<p>The problem: Every SaaS team drowns in feature requests. Most aren't complicated—just different arrangements of existing data: "show me refunds over $500 that need approval," "export this report formatted for accounting," "bulk archive these records."<p>The backend can already do it. The bottleneck is exposing capabilities through UI.<p>How it works:<p>- Reads your components (React/Vue) to understand available UI primitives and styles<p>- Builds a capability map from your APIs, schemas, and docs<p>- When a user prompts, generate a sandboxed UI in your app that uses existing APIs and components<p>It's not for marketing pages or complex flows. It's for the 80% of internal tools that are just CRUD, dashboards, and workflows.<p>Current status: Early stage. The architecture is defined, core capability mapping works. Looking for feedback before building out the full runtime.<p>Looking for feedback on:<p>- Does this solve a real problem you've experienced?<p>- What would make you trust generated UI in a production app? (sandbox model, permissions, audit trails?)<p>- Similar approaches I should study?<p>GitHub: <a href="https://github.com/yungookim/n.codes" rel="nofollow">https://github.com/yungookim/n.codes</a>
Site: <a href="https://n.codes" rel="nofollow">https://n.codes</a>