我写了七年CSS,被AI配色工具打击后发现:手艺还是值钱的
王艺林觉得自己是个手艺人。这不是自夸是事实。在前端这个圈子里会写CSS的人很多能把CSS写好的人不多能把CSS当成艺术来对待的人更少。王艺林就是那个把CSS当成艺术的人。他能用纯CSS画出一只皮卡丘能用CSS动画实现一个电影片头能用Flexbox和Grid把任何奇怪的布局变成优雅的响应式设计。他最得意的一个作品是一个跨浏览器的表单控件库光是让IE和Chrome的checkbox看起来一模一样这件事他研究了两周。但他最近越来越觉得这个手艺好像不太值钱了。2024年初产品经理提了一个新需求给APP换一套主题色。以前的配色是蓝色为主现在要改成渐变色加暗色模式。产品经理说“配色方案我大概想了一下你看着调。”王艺林打开AI配色工具输入科技感、渐变、暗色主题三十秒之后工具生成了五套配色方案每一套都比他自己配的好看。他盯着屏幕看了很久然后关掉了工具继续用自己以前的方式配色。不是因为AI的配色不好是因为他不服气。手艺人的骄傲和手艺人的困境王艺林的骄傲不是没有道理的。他在这个行业待了七年见过太多前端工程师不重视CSS把样式写得乱七八糟一个按钮的圆角在三个浏览器里有三种效果。他一直觉得CSS是前端体验的基石是用户能直接感知的东西把CSS写好是一种对用户的尊重。但现实是大部分公司不这么看。面试的时候面试官问的问题都是关于框架、关于性能、关于工程化很少有人问他CSS兼容性问题怎么解决、动画性能怎么优化。他投了十几份简历拿到的面试邀请都是Vue/React开发这种通用岗位没有一个是专门招CSS的。有一次面试面试官问他“你CSS这么好有没有考虑过用CSS做可视化”他说“做过一些Demo但没上过生产环境。”面试官点点头说“我们这边主要用EChartsCSS可视化用得不多。”那次面试之后他回家坐在窗前发呆看着窗外的广州夜景忽然觉得自己像是一个会做精美家具的木匠但这个时代所有人都在买宜家的平板家具。被打击之后的反思真正让王艺林开始改变的是一次技术交流。他在会上做了一个关于CSS动画优化的分享讲了一个他研究了很久的优化技巧如何用will-change和transform来避免重排重绘。讲完之后有个听众问了一个让他愣住的问题“这个优化AI代码工具能自动帮你做吗”他不知道该怎么回答。回去之后他试了一下Copilot让它写一个带动画的按钮然后检查生成的代码。他发现AI生成的代码确实有优化意识但不够彻底而且有些边界情况的处理是错的。他意识到一件事AI能替代大部分会CSS的人但替代不了精通CSS的人。就像AI能写文章但写不出鲁迅。AI能画画但画不出梵高。问题是他是不是那个精通CSS的人他找到了一个新方向2024年4月王艺林开始尝试一个有意思的项目用CSS做AI产品的界面规范和设计系统。他发现虽然AI能生成配色、生成布局但生成出来的东西往往缺乏一致性。一个AI工具生成的配色方案可能每个页面都不一样另一个AI工具生成的前端代码可能组件风格完全不统一。他决定从这个痛点切入做一个AI设计系统——一套专门为AI产品设计的CSS规范和组件库包含配色、字体、间距、动画、交互反馈的完整定义。他花了两个月做这件事把自己对CSS的所有理解都放了进去。他还写了一篇详细的文档解释为什么每个规范要这么设计而不是那样设计。文章发出去之后出乎意料地受欢迎。有三百多人收藏还有十几个人在评论区问能不能合作。王艺林看着那些评论忽然觉得自己的手艺好像又值钱了。一句有意味的内心独白采访结束的时候我问他“你觉得CSS手艺人还有未来吗”他想了想说“我觉得不是CSS有没有未来的问题是手艺有没有未来的问题。AI能替代的是技术的执行层但替代不了的是对美的理解和判断。你知道什么样的东西是好看的什么样的交互是舒服的什么样的细节是值得打磨的。这种判断力AI给不了你。”他停了停又说“当然前提是你真的有这种判断力而不是只是会调几个圆角和阴影。”想入门 AI 大模型却找不到清晰方向备考大厂 AI 岗还在四处搜集零散资料别再浪费时间啦2026 年AI 大模型全套学习资料已整理完毕从学习路线到面试真题从工具教程到行业报告一站式覆盖你的所有需求现在全部免费分享扫码免费领取全部内容​一、学习必备100本大模型电子书26 份行业报告 600 套技术PPT帮你看透 AI 趋势想了解大模型的行业动态、商业落地案例大模型电子书这份资料帮你站在 “行业高度” 学 AI1. 100本大模型方向电子书2. 26 份行业研究报告覆盖多领域实践与趋势报告包含阿里、DeepSeek 等权威机构发布的核心内容涵盖职业趋势《AI 职业趋势报告》《中国 AI 人才粮仓模型解析》商业落地《生成式 AI 商业落地白皮书》《AI Agent 应用落地技术白皮书》领域细分《AGI 在金融领域的应用报告》《AI GC 实践案例集》行业监测《2024 年中国大模型季度监测报告》《2025 年中国技术市场发展趋势》。3. 600套技术大会 PPT听行业大咖讲实战PPT 整理自 2024-2025 年热门技术大会包含百度、腾讯、字节等企业的一线实践安全方向《端侧大模型的安全建设》《大模型驱动安全升级腾讯代码安全实践》产品与创新《大模型产品如何创新与创收》《AI 时代的新范式构建 AI 产品》多模态与 Agent《Step-Video 开源模型视频生成进展》《Agentic RAG 的现在与未来》工程落地《从原型到生产AgentOps 加速字节 AI 应用落地》《智能代码助手 CodeFuse 的架构设计》。二、求职必看大厂 AI 岗面试 “弹药库”300 真题 107 道面经直接抱走想冲字节、腾讯、阿里、蔚来等大厂 AI 岗这份面试资料帮你提前 “押题”拒绝临场慌1. 107 道大厂面经覆盖 Prompt、RAG、大模型应用工程师等热门岗位面经整理自 2021-2025 年真实面试场景包含 TPlink、字节、腾讯、蔚来、虾皮、中兴、科大讯飞、京东等企业的高频考题每道题都附带思路解析2. 102 道 AI 大模型真题直击大模型核心考点针对大模型专属考题从概念到实践全面覆盖帮你理清底层逻辑3. 97 道 LLMs 真题聚焦大型语言模型高频问题专门拆解 LLMs 的核心痛点与解决方案比如让很多人头疼的 “复读机问题”三、路线必明 AI 大模型学习路线图1 张图理清核心内容刚接触 AI 大模型不知道该从哪学起这份「AI大模型 学习路线图」直接帮你划重点不用再盲目摸索路线图涵盖 5 大核心板块从基础到进阶层层递进一步步带你从入门到进阶从理论到实战。L1阶段:启航篇丨极速破界AI新时代L1阶段了解大模型的基础知识以及大模型在各个行业的应用和分析学习理解大模型的核心原理、关键技术以及大模型应用场景。L2阶段攻坚篇丨RAG开发实战工坊L2阶段AI大模型RAG应用开发工程主要学习RAG检索增强生成包括Naive RAG、Advanced-RAG以及RAG性能评估还有GraphRAG在内的多个RAG热门项目的分析。L3阶段跃迁篇丨Agent智能体架构设计L3阶段大模型Agent应用架构进阶实现主要学习LangChain、 LIamaIndex框架也会学习到AutoGPT、 MetaGPT等多Agent系统打造Agent智能体。L4阶段精进篇丨模型微调与私有化部署L4阶段大模型的微调和私有化部署更加深入的探讨Transformer架构学习大模型的微调技术利用DeepSpeed、Lamam Factory等工具快速进行模型微调并通过Ollama、vLLM等推理部署框架实现模型的快速部署。L5阶段专题集丨特训篇 【录播课】四、资料领取全套内容免费抱走学 AI 不用再找第二份不管你是 0 基础想入门 AI 大模型还是有基础想冲刺大厂、了解行业趋势这份资料都能满足你现在只需按照提示操作就能免费领取扫码免费领取全部内容​2026 年想抓住 AI 大模型的风口别犹豫这份免费资料就是你的 “起跑线”

相关新闻

15兆瓦海上风机开源模型:从入门到精通的完整指南

15兆瓦海上风机开源模型:从入门到精通的完整指南

15兆瓦海上风机开源模型:从入门到精通的完整指南 【免费下载链接】IEA-15-240-RWT 15MW reference wind turbine repository developed in conjunction with IEA Wind 项目地址: https://gitcode.com/gh_mirrors/ie/IEA-15-240-RWT IEA-15-240-RWT是国际能源…

2026/7/31 17:29:51 阅读更多 →
GEZHI(格致):面向社科研究的智能体架构

GEZHI(格致):面向社科研究的智能体架构

一、GEZHI是什么? GEZHI(格致) 是一个以学者为中心的智能体架构,专门用于可追溯、可审查、可验证的经验性社会科学研究。 通俗地说:现在的AI能查文献、整理证据、清洗数据、写代码、排版论文,但一篇社会科…

2026/7/31 17:29:51 阅读更多 →
专科生论文写作工具对比:千笔与文途AI深度评测

专科生论文写作工具对比:千笔与文途AI深度评测

1. 论文写作工具现状与需求分析作为一名在科研领域摸爬滚打多年的老手,我深知论文写作对专科生群体来说是个不小的挑战。最近市场上出现了两款主打"一键生成论文"的工具——千笔和文途AI,它们都标榜着"专科生专属"的卖点。今天我就从…

2026/7/31 17:29:50 阅读更多 →

最新新闻

足迹交易三大核心原则:订单块识别、不平衡交易与吸收现象分析

足迹交易三大核心原则:订单块识别、不平衡交易与吸收现象分析

在金融市场交易中,你是否曾经遇到过这样的困境:明明看对了方向,却总是买在高点、卖在低点?或者面对复杂的K线图,不知道如何判断真正的支撑和阻力位?传统的技术分析方法往往滞后于市场,而基于订单…

2026/7/31 18:16:13 阅读更多 →
AIGC率控制工具评测与内容可信度提升指南

AIGC率控制工具评测与内容可信度提升指南

1. 为什么我们需要关注AIGC率控制?在2026年的数字内容生产环境中,AI生成内容(AIGC)已经渗透到写作、设计、编程等各个领域。作为一名长期跟踪AI工具发展的技术博主,我发现一个关键问题正在浮出水面:不加控制…

2026/7/31 18:16:13 阅读更多 →
Advent of Code Kotlin Template项目结构全解析:轻松掌握文件组织与工作流

Advent of Code Kotlin Template项目结构全解析:轻松掌握文件组织与工作流

Advent of Code Kotlin Template项目结构全解析:轻松掌握文件组织与工作流 【免费下载链接】advent-of-code-kotlin-template The Advent of Code template project for Kotlin 项目地址: https://gitcode.com/gh_mirrors/ad/advent-of-code-kotlin-template …

2026/7/31 18:16:13 阅读更多 →
【单片机课设毕设项目】基于 STM32 的自习室 IC 卡权限管理及席位提示系统 单片机驱动的图书馆红外座位感应与自动门禁设计(015501)

【单片机课设毕设项目】基于 STM32 的自习室 IC 卡权限管理及席位提示系统 单片机驱动的图书馆红外座位感应与自动门禁设计(015501)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于嵌入式单片机,Java、小程序技术领域和毕业项目实战 ✌️…

2026/7/31 18:16:13 阅读更多 →
布列韦肽Hepcludex作用机制:靶向NTCP受体,从源头阻断HBV/HDV肝细胞入侵路径

布列韦肽Hepcludex作用机制:靶向NTCP受体,从源头阻断HBV/HDV肝细胞入侵路径

传统乙肝抗病毒药物以抑制病毒逆转录、核酸合成为主要作用靶点,仅能控制乙肝病毒复制,无法作用于依附乙肝存活的丁肝病毒,这也是既往丁肝治疗收效甚微的核心原因,布列韦肽 Hepcludex 采用全新的病毒入胞抑制机制,作用靶…

2026/7/31 18:15:13 阅读更多 →
用好AiPy Pro(爱派),大幅提升工作效率——我的数据分析工具制作深度使用经验分享

用好AiPy Pro(爱派),大幅提升工作效率——我的数据分析工具制作深度使用经验分享

官方名称:AiPy Pro|中文名:爱派|开发商:知道创宇 一、它到底是什么? AiPy Pro是一款融合大语言模型与Python能力的AI智能体平台,主打本地部署、代码生成、任务自动化。简单来说,它…

2026/7/31 18:15:13 阅读更多 →

日新闻

物理复制比逻辑复制好在哪?数据库复制原理详解

物理复制比逻辑复制好在哪?数据库复制原理详解

数据库复制是把主库数据同步到备库的机制,分为逻辑复制和物理复制两种。逻辑复制传输的是 SQL 语句或行变更事件,物理复制传输的是存储引擎底层的物理日志。阿里云 PolarDB(云原生数据库)采用物理复制,在同步延迟、数据…

2026/7/31 0:00:34 阅读更多 →
BilibiliDown:3分钟学会B站视频下载的终极指南

BilibiliDown:3分钟学会B站视频下载的终极指南

BilibiliDown:3分钟学会B站视频下载的终极指南 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader 😳 项目地址: https://gitcode.com/gh_mirrors/bi/Bilib…

2026/7/31 0:00:34 阅读更多 →
有哪些游戏数据AI平台?游戏行业Data+AI融合方案盘点

有哪些游戏数据AI平台?游戏行业Data+AI融合方案盘点

当前,游戏行业的“DataAI融合”已从概念验证进入价值落地阶段。根据IDC 2025年数据,中国AI游戏云市场规模已达18.6亿元;同时,游戏研发环节AI渗透率高达86%,生成式AI内容普及率超过50%。面对庞大的市场,游戏…

2026/7/31 0:00:34 阅读更多 →

周新闻

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 数据集6000张 完整源码已标注数据集训练好的模型环境配置教程程序运行说明文档,可以直接使用!系统支持图片、视频、摄像头等多种方式检测裂缝,功能强大实用。 1数据集6000张 8各类别

2026/7/31 1:03:03 阅读更多 →
深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

pubg数据集 精选原图1.42万数据 1.49万标签 无任何重复、算法增强或冗余图像! pubg绝地求生目标检测数据集 1分类:e_body,14905个标签,txt格式 共计14244张图,99%为640*640尺寸图像 适合yolo目标检测、AI训练关键词&am…

2026/7/29 14:34:28 阅读更多 →
Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex检测数据集数据集详情检测类别: allies enemy tag图片总量:7247张训练集:5139张验证集:1425张测试集:683张标注状态:全部已标注,即拿即用数据格式:支持YOLO格式及其他格式&#…

2026/7/31 4:19:39 阅读更多 →

月新闻