- 博客(29)
- 收藏
- 关注
RSS订阅原创 Gemini学生认证可免费使用一年方法
纯净的网络环境：这是最关键的一步！建议使用美国、新加坡等支持的地区的节点，并且最好用检测工具确认一下IP的纯净度，避免是共享或风控高的IP。• 支付方式：需要一张Visa或Mastercard的信用卡，可以是实体卡也可以是虚拟卡。国内的卡也可以，但账单地址千万别填国内的，随便填一个海外地址就行。•全新的谷歌账号：用老号基本很难成功。建议用手机注册一个全新的Gmail账号，注册时出生日期最好填95年之前，确保系统认为你是成年人。没有资格就，重新注册邮箱-浏览器无痕-节点干净全局-直到有资格的号出现在去认证！
2025-12-18 09:59:14
586
原创 AI前端，根据草图生成UI UE 和前端代码
三个图片分别是草图，和用来参考的，截的其他应用的图。” ，slogen：守脑如玉，执笔如刀，欢迎关注。目前这个对于不会figma的前端是最好用的工具了。1、UI可以像在figma里一样编辑。上面讲了方案，这篇讲具体实施。对了，我还有公众号“
2025-12-04 16:00:48
313
原创 从草图到UI/代码的AI方案
维度Pixso AIClaude 3.5Uizard (补充推荐)草图还原能力⭐⭐⭐ (偏文生图)⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ (代码还原)⭐⭐⭐⭐⭐结果形式可编辑 UI 矢量稿可编辑 UI / 代码前端代码可编辑 UI 矢量稿费用基础功能免费/会员制Beta 免费/未知免费 (有次数限制) / Pro $20付费订阅 (有试用)适合谁纯 UI 设计师尝鲜者UI+前端双修 (你)需要快速出图的人建议下一步：既然你是 UI+前端，我建议你直接先试用 Claude 3.5 Sonnet。
2025-12-04 15:49:47
498
原创 2025年前端技术趋势
AI技术成为主导，GitHub Copilot等工具使用率大幅提升；React依旧领先，配合TypeScript和Next.js形成主流组合；Vite等新构建工具正在挑战Webpack；WebAssembly带来性能突破；微前端和低代码平台也日益成熟。
2025-11-17 10:02:06
220
原创 AI 编程过程中，团队工程化的重要规范实践
传统的团队管理，我们会用一些编码规范代码风格指南，还有一些架构规范开发流程，规范文档的规范，测试规范等等都是用文档去对人进行约束，但是AI编程过程中，同一个团队每个人都不一样，而且每一个人他可能用的工具都不一样的话，就会让代码非常的不齐整和凌乱，尽管AI可以去查找和重购，但是这也不是一个效率最高的解决方案。我预想在未来，可能代码不是你的核心资产，你的核心资产向上抽象一层，就变成了这样的一个提示词，所以为什么说在AI的时代里的语言表达能力和组织能力逻辑思维能力比其他的要更加重要，在各行各业都是这样的。
2025-11-12 10:20:07
414
原创 美观 + 无障碍 + 现代化 + Next.js 的组件库HeroUI
HeroUI 是基于 TailwindCSS 和 React Aria 构建的 React UI 库，提供完整的组件（逻辑和样式）用于构建可访问和可定制的用户界面。HeroUI 基于 Tailwind CSS，意味着没有运行时样式，也没有不必要的类在你的包中，性能更优。HeroUI 是 NextUI 的全新品牌名称，于 2024 年底完成更名，保留了原有的所有功能和组件。HeroUI 的每个组件都配备了流畅的动画、精致的细节和内置的无障碍功能——开箱即用、完全可定制。可以只安装需要的组件，减少包体积。
2025-11-12 09:41:59
932
原创 2025年UI组件库分类表格，和发展趋势
UI组件库分类摘要 主流UI组件库按功能和适用场景可分为基础组件库和专业组件库两大类。基础组件库中，Ant Design、Material-UI适合企业级应用，Element Plus、Vuetify专为Vue生态，而Bootstrap、Tailwind CSS适合快速开发。专业组件如React Table专注于数据表格处理。国内大厂也推出TDesign、ArcoDesign等企业级设计系统。组件选择需考虑技术栈匹配度、开发复杂度与项目规模，Web应用多用React/Vue组件库，移动端则倾向专用设计规范实
2025-11-05 12:15:28
540
原创 tailwind和CSS Variables 样式冲突，审美在细节
在我的Monorepo 架构中，我使用的 Light/Dark/Arco 多主题无缝切换，基于上一篇的方案简单组件进行封装，遇到一些细节问题。颜色没有跟着主题同步，让codebuddy解决，给了我一堆important需要解决这个问题：Claude后推荐，让 Tailwind 直接使用你的设计令牌。
2025-11-05 11:49:27
275
原创 组件库是完全自研，还是基于UI组件库封装？
组件类型方案理由🟢 简单组件Tailwind完全控制，包体积小🔴 复杂组件Ant Design 封装节省时间，功能完善🟡 中等组件根据时间决策赶工期用 Ant Design，追求品质用 Tailwind✅继续完成 Tailwind Button（你已经写了一半了）✅明天做 Input、Card（Tailwind，简单）✅明天下午做 Table、Form（Ant Design，复杂）这样你既学会了组件设计原理（Tailwind），又提高了开发效率（Ant Design）。
2025-11-04 10:41:21
960
原创 知识库架构方案设计
本文提出一个多模态知识库构建框架，包含音频、图像、PDF等文件的处理流程。采用Whisper语音识别、PaddleOCR等工具进行文本提取，通过语义分块和JinaEmbeddings向量化处理后存入向量数据库。系统支持智能问答、摘要生成等功能，关键技术包括：语音识别推荐Whisper，OCR首选PaddleOCR，文本分块结合语义分析，嵌入模型采用Jina中文优化版本。针对识别精度、版面分析等挑战，提出了模型优化、规则结合NLP等解决方案，并建议批量处理API调用以提升效率。
2025-11-03 17:12:57
332
原创 每个 UX/UI 设计师都应该从哪些实体书开始？
通过“触发”、“行动”、“可变奖励”和“投入”，该模型提供了对用户心理学的见解，解释了为什么某些产品具有吸引力而另一些则没有。如果你是一名 UX 设计师，旨在创造更具吸引力、更粘性的用户体验，这本书提供了一个有价值的框架。另一本经典之作，这本书解释了以用户为中心的设计的基本原理以及理解用户需求的重要性。这是一本关于可用性的经典书籍，是任何对 UX 设计感兴趣的人的良好起点。这本书介绍了精益 UX 的概念，它将精益和敏捷原则应用于 UX 设计。这是一本关于交互设计的综合指南，重点是创造令人愉悦的用户体验。
2025-10-27 15:29:34
429
翻译 人工智能对网页设计趋势的影响
人工智能正在改变网页设计的格局，提供强大的工具和技术，提升效率、个性化和用户体验。从自动化设计流程和优化内容，到提升可访问性和安全性，人工智能正在重塑网站的创建和维护方式。通过了解人工智能对网页设计趋势的影响并实施切实可行的策略，设计师和开发者可以创建更高效、更具吸引力、更人性化的网站。Logojoy 和 Looka 等平台使用 AI 分析用户提供的详细信息（例如行业、风格偏好和颜色选择），从而创建独特的徽标。预测性设计是一种新兴趋势，人工智能可以预测用户的偏好和行为，从而创建更直观、更有效的设计。
2025-10-27 14:54:10
32
原创 1024找到自己，变成更好的自己：一个前端业务架构师的成长边界与路径
竖杠（|）：你在前端业务架构领域有深厚积累（这是我的“长板”）→ 能把“患者预约 → 检查 → 报告”这样的复杂流程，拆解为可复用的子场景和原子交互。横杠（—）：对UI/UX、后端协议、系统可观测性、AI 工具链有足够理解（这是我的“连接能力”）→ 能和设计师讨论微交互细节，也能和后端争论接口字段是否该为空。AI 能写代码，但不能定义“什么值得做”；AI 能生成组件，但不能判断“这个交互是否符合医生操作习惯”。AI 时代最稀缺的，不是会写代码的人，而是能定义“什么值得做、怎么做才对”的人。
2025-10-24 16:42:24
839
原创 AI 是电锯，人类是斧子：在 Vibe Coding 时代，体验的灵魂仍在细节之中
Shopify 的工程博客提到，他们用 AI 自动生成 60% 的 CRUD 代码，但所有用户体验关键路径（如结账流程）仍由人类工程师逐行审查AI 负责‘能用’，我们负责‘好用’。苹果交互欣赏01时钟的 icon 是一直在走的，正常状态下是扫秒，图标抖动时是跳秒；02闹钟会根据不同选择分为每天、工作日、周末等，“稍后提醒”是 9 分钟响一次；03充电图标会在插上电的瞬间变大；04输入账号和密码时，会触发钥匙串联动；05自带输入法长按地球会弹出单手键盘模式，还能跟通讯录联动，晃动激活撤销06。
2025-10-24 10:41:39
910
原创 前端业务架构之组件库的建设和选用策略：分层建设 + 业务驱动 + 设计协同
层级名称业务属性与后端耦合来源复用范围示例L1基础 UI 组件❌ 无❌ 无第三方 + 样式定制全公司所有产品L2通用复合组件⚠️ 弱❌ 无自研（基于 L1）≥2 个业务线筛选器、高级表格、日期范围选择器L3业务专属组件✅ 强✅ 有自研（项目内）单一业务线强行业业务属性的页面分层 + 标准 + 协同 + 自动化通过 L1/L2/L3 分层，明确“什么该做、什么不该做”；通过标准与流程，确保“做得对、用得好”；通过设计-开发协同，实现“一致性、高效率”；
2025-10-23 16:44:57
635
原创 告别UI漂移：前端AI生成UI的稳定与一致性方案
它只能通过你提供的文本描述来“想象”这个UI，就像你给一个盲人描述一幅画，他能理解每个元素的构成，甚至能想象出它们的相对位置，但很难感受到整体的和谐与美感。如果你没有给出足够详细和强制性的UI约束，模型会倾向于选择它认为“最简单”、“最通用”或者在训练数据中出现频率最高的逻辑实现，而不会花额外的“精力”去推敲其视觉效果。通过 CodeBuddy 与 Figma 的完美结合，我们彻底告别了AI生成UI的“漂移”和“丑陋”，实现了像素级的还原与高度的稳定一致性。这不仅仅是工具的升级，更是前端开发理念的一次。
2025-10-19 16:22:57
891
原创 UI UX 设计软件调研
摘要： 本文对比了Figma、MasterGo、Sketch和Adobe XD四款主流设计工具。Figma免费版适合个人和小团队，支持开发者模式；MasterGo国产免费，适合国内团队；Sketch仅限Mac用户；Adobe XD需订阅Creative Cloud。Figma和MasterGo支持实时协作，Sketch插件生态成熟，Adobe XD与Photoshop集成度高。前端开发者推荐Figma+Codebuddy组合，可关注公众号"优前程"获取汉化版。
2025-10-16 16:53:16
1426
原创 UIUX国外付费课程笔记：交互设计和交互方式
作为交互设计师，您会采用多种方法来设计、可视化和测试用户与产品之间的交互：草图和手绘 (Sketching and Hand-drawing):静态模型和屏幕草图 (Static Models and Screen Sketches):交互式线框和可点击原型 (Interactive Wireframes and Clickable Prototypes):关注屏幕元素 (Focus on Screen Elements):文本记录 (Text Documentation):用户研究 (User Resea
2025-10-11 12:59:24
449
原创 UIUX国外付费课程笔记：什么是用户体验？
摘要：课程核心围绕优化人机交互体验，强调UX设计应消除使用障碍，提升产品易用性和满意度。后半部分鼓励跨界发展，指出商业背景也可转型UX设计，并建议通过社区参与促进跨文化交流。课程主张突破专业限制，将UX视为沟通媒介。（99字）
2025-10-11 12:46:06
187
原创 第一个开源项目获得Gitee GVP推荐：AI模型训练平台
FuturoGen-AI模型训练平台是一款基于Python Flask的智能目标检测解决方案，提供从数据标注到模型部署的全流程自动化工具。平台创新性地集成大模型+PT模型双辅助标注系统，支持YOLOv8/11模型训练，实现"小数据→简单模型→辅助标注→大数据→精确模型"的增强闭环。核心功能包括：Web可视化标注界面、RTSP视频流实时检测、多项目资源隔离、自动化数据集管理。技术栈采用Flask+SQLite+Bootstrap，支持跨平台部署。项目特别优化了AI辅助标注流程，仅需50张初
2025-09-29 07:30:00
620
原创 给萌新的YOLO介绍
YOLO（You Only Look Once）是一种高效的单阶段目标检测模型，通过将图像划分为网格并同时预测物体位置和类别，实现实时检测。相比传统两阶段方法，YOLO采用端到端训练，将检测转化为回归问题，显著提升速度。其核心包括网格化编码、多任务联合预测和特殊设计的损失函数。后续版本（YOLOv2/v3）通过引入Anchor Boxes、多尺度预测等优化，进一步提高了检测精度。YOLO系列模型在保持实时性的同时，为计算机视觉目标检测领域带来了突破性进展，是AI实践中的重要工具。
2025-09-26 16:25:32
997
原创 Style Dictionary 前端交互设计规范落地实践
摘要： Style Dictionary 通过设计令牌和组件管理，实现设计与开发的一致性，并自动化设计规范落地。核心功能包括全平台样式统一、集中修改同步更新、提升开发效率、支持主题切换等。项目已开源（GitHub/Gitee），欢迎参与。针对主题切换问题，建议采用 CSS 变量 + data-theme 方案： 定义语义化设计令牌（如浅色/深色主题颜色）； 生成主题化 CSS 变量文件（如 :root[data-theme="dark"]）； 动态切换根元素属性（如 <html d
2025-09-26 15:43:50
987
原创 Vibe Coding实践：我用10小时写出开源UI库 ，学会和AI建立更好的关系，实现AI时代的自由
github项目地址：https://github.com/hourong88/You-Web-UIgitee项目地址：https://gitee.com/yoyo88/You-Web欢迎star✨和提issue🙋！
2025-09-25 11:25:16
1015
原创 2025 Web UI组件库调研
2025年主流Web UI组件库清单：React生态推荐Ant Design（企业级）、MUI（谷歌风）等；Vue生态推荐Element Plus、Naive UI等；跨框架方案包括Tailwind CSS和Bootstrap；移动端推荐Ant Design Mobile。新兴方案如Daisy UI专注快速搭建，Magic UI强调动画交互。建议开发者锁定技术栈后拆解竞品，关注Design Token主题切换和SSR适配，通读Shadcn/ui源码掌握无样式逻辑范式，并思考自身组件的核心竞争力。
2025-09-23 12:55:18
1898
原创 Dva框架从初识到上手
引言最近工作需要用dva框架，同事帮我培训了一下，有一点点认识，在此总结。当然，以后对dva可能会了解更透彻，文章会不断更新的。初识开始看架构代码，没有看文档的时候，不知道里面的几个关键字是什么意思：Effect Reducer Dispatch mapStateToProps NAMESPACE一头雾水，感觉好复杂。听完同事讲解以后，觉得redux代码量...
2019-10-13 00:06:49
477
原创 package.json详解
引言前端需要学习的东西真的挺多的，之前主要从事的是MVC框架，操作DOM，使用JQUERY比较多，不知到什么时候，发现现在前端MVVM是主流，不得不把之前的大部分东西丢掉，作为前端婴儿不断前行。所以以后的文章，可能开始都比较基础，希望大拿不要见笑，若有不对的地方，希望指正，我也会不断修正迭代。在学习MVVM（react和vue）的时候，开始就是会找iview，element，ant-p...
2019-09-25 20:13:55
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人