爱意满满的作品展示区。
stdout

分享个给 AI 写页面用的 React 组件库

  •  
  •   stdout · 3 days ago · 660 views

    最近写了个 React Auto Components ,主要是给 AI 写页面用的,开源分享下。

    把表单、表格和增删改查这些常用功能封装好,AI 配字段、配列、接业务接口就能搭页面。也准备了 AI 可读的文档、组件行为约定和错误码,方便它查用法、定位问题。

    都 AI 时代了还写组件库,我的想法是,常用交互和细节固定下来,AI 专心写业务,少重复生成一堆 JSX ,改需求也不用每个页面重新修一遍。希望能省点 token ,少来回折腾。

    还在完善,感兴趣的朋友可以拿去让 AI 试试,有什么不好用的地方欢迎提意见。

    Demo: https://zeroman.github.io/react-auto-components/

    源码: https://github.com/Zeroman/react-auto-components

    2 replies  •  2026-10-08 09:13:19 +08:00
    laizenan
        1
    laizenan  
       2 days ago
    这个和现成的组件库例如 antd 、shadcn/ui baseui ,有什么区别呢?
    stdout
        2
    stdout  
    OP
       2 days ago
    @laizenan 确实有重叠,现成组件库也能做这些。我这个主要想把表单、表格、搜索、新增编辑弹窗这些常见组合再封装一层,让 AI 配字段、配列、接接口,少写一些页面里的组装代码。

    另一个重点是给 AI 准备文档、行为约定和错误码,让它知道怎么用、出错了怎么查。现有组件库加上自己的业务封装和约定,也能做类似的事。我只是把这部分整理成一个库,还在摸索,实际能省多少也需要多试试。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   952 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 20:21 · PVG 04:21 · LAX 13:21 · JFK 16:21
    ♥ Do have faith in what you're doing.