写意

Command Palette

Search for a command to run...

Vibe Coding 参考

用准确术语讲清组件与需求,让 AI 写出能直接交付的界面。

在下 · AUTHOR

宝藏二哥AIA 头像
宝藏二哥AIA
ErgeAIA
朝闻道,夕折腾矣
独立开发者全栈工程师Vibe Coding散修

道不藏私,功法无偿

“出门在外,身份都是自己给的”

道果 · WORKS

墨落即活,来调一调

控制区 · CONTROLS

显示元素
主题色
圆角
密度
导航样式
状态

实时预览 · PREVIEW

首页/概览

写意组件库

用意图写代码,码落而器成

组件总数
28
本周新增
4
待审核
2
最近组件
  • Button 按钮已发布
  • Dialog 对话框已发布
  • Accordion 手风琴审核中
  • Calendar 日历草稿
用 shadcn 组件做一个「写意组件库」的应用骨架:侧边栏在左的分组导航(图标+文字、含当前项高亮)、顶栏面包屑+搜索+通知、内容区含标题(「用意图写代码,码落而器成」)+主操作按钮、3 张指标卡、组件列表(带状态徽章);公开访问,项目状态「进行中」,主色跟随主题色(第 1 套),圆角圆润、密度宽松;通知铃铛点击弹出 toast「你好,天才程序员!」。所有交互元素可点击。