> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 欢迎来到superun

> 探索 superun.com,这是一款由 AI 驱动的应用与网站建置平台.通过自然语言即可建立并发布应用,结合代码模式与可视化编辑,适合各种技能层级的用户快速上手.

<video src="https://b.ux-cdn.com/uxarts/files/t20260206194815/dz4jzlb6.mp4" alt="superun main ad" width={900} style={{ aspectRatio: '16/9', maxWidth: '100%', height: 'auto' }} controls autoPlay muted loop />

<a href="https://superun.com/" style={{ color: '#16A34A', textDecoration: 'none', borderBottom: 'none' }}>superun.com</a> 是一个由 AI 驱动的平台,可帮助任何技能水平的用户使用自然语言快速创建和发布应用程序/页面.描述您的目标,superun 会生成一个可持续演进的工作起点.（在我们的网站上了解更多）

## 入门

<Columns cols={2}>
  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/superun/features/modes">
    <div className="px-6 py-5 relative">
      <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
        <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/sparkles.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

        <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">功能概述</h3>
      </div>

      <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">了解superun的核心能力和模式.</div>
    </div>
  </a>

  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/superun/tips-tricks/best-practice">
    <div className="px-6 py-5 relative">
      <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
        <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/lightbulb.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

        <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">提示和最佳实践</h3>
      </div>

      <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">探索提高效率和稳定性的最佳实践.</div>
    </div>
  </a>
</Columns>

<Columns cols={2}>
  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/superun/use-case/inspiration-time">
    <div className="px-6 py-5 relative">
      <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
        <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/wand-magic.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

        <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">使用案例</h3>
      </div>

      <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">浏览灵感和示例以快速设定方向.</div>
    </div>
  </a>

  <a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="/superun/changelog">
    <div className="px-6 py-5 relative">
      <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
        <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/clock.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

        <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">变更日志</h3>
      </div>

      <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">遵循 superun 版本和关键更改.</div>
    </div>
  </a>
</Columns>

<a className="card block font-normal group relative my-2 ring-2 ring-transparent rounded-2xl bg-white dark:bg-background-dark border border-gray-950/10 dark:border-white/10 overflow-hidden w-full cursor-pointer hover:!border-primary dark:hover:!border-primary-light" href="https://superun.com/web">
  <div className="px-6 py-5 relative">
    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', marginBottom: '0.5rem' }}>
      <div className="h-6 w-6 bg-primary dark:bg-primary-light" style={{maskImage:"url('https://d3gk2c5xim1je2.cloudfront.net/v6.6.0/regular/globe.svg')",maskRepeat:"no-repeat",maskPosition:"center center"}} />

      <h3 className="not-prose font-semibold text-base text-gray-800 dark:text-white">superun 网站</h3>
    </div>

    <div className="prose mt-1 text-sm leading-6 text-gray-600 dark:text-gray-400">请访问我们的网站了解产品,解决方案和更新.</div>
  </div>
</a>