frontend

标签

Cards List
#frontend

@mattpocockuk:谁能让我对 Foldkit 有种“恍然大悟”的感觉?我想爱上它,但又有点害怕

X AI KOLs Timeline ↗ · 6天前 缓存

一条开发者推文,请其他人分享让他们真正理解 Foldkit 的“恍然大悟”时刻,表达了对这款工具的兴趣,但也持怀疑态度。

0 人收藏 0 人点赞
#frontend

Show HN:Wikihack——类似 HackerTube,但面向 HN 上提到的维基百科文章

Hacker News Top ↗ · 2026-11-02

Wikihack 是一款纯前端网页工具,可抓取 Hacker News 中提及的维基百科内容,并以可滚动的信息流呈现,提供热门、随机和上升榜单,灵感来自 Karpathy 的 HackerTube 和 Hackerbooks。

0 人收藏 0 人点赞
#frontend

@micka_design:这个技能用于制作营销演示中的虚构产品 UI。如果你想要一个能让你的产品摆脱 AI 味的技能:1. 从……开始

X AI KOLs Following ↗ · 2026-11-02 缓存

一条推广 Fluid Functionalism 的推文。Fluid Functionalism 是一个基于 Shadcn 的开源 UI 基础框架,也是一项可安装的技能,用于构建精致、无障碍、支持主题定制的产品界面,具有流畅的动效和令人愉悦的悬停状态。

0 人收藏 0 人点赞
#frontend

@sAignals_dev:sAIgnals 新文章:如何保持 AI 生成的 UI 一致:面向编码智能体的实用设计系统 保持 AI 生成的 …

X AI KOLs Timeline ↗ · 2026-11-01 缓存

sAIgnals 发布了一篇实用案例研究,介绍如何通过将设计系统规则记录在一个小文档中、接入仓库指令、并在浏览器中验证结果,来保持 AI 生成的 UI 与现有页面的一致性,文中包含一份免费的 Markdown 模板和 UI 审查清单。

0 人收藏 0 人点赞
#frontend

@mattpocockuk:也许 Redux,或类 Redux 的框架需要回归了。把状态只放在一个地方,对智能体来说似乎相当有利……

X AI KOLs Following ↗ · 2026-11-01 缓存

Matt Pocock 认为,对于 AI 智能体(agent)而言,Redux 或类 Redux 的框架可能会迎来回归。他指出,将状态集中在单一位置可以缩小决策空间,并让事情只有一种固定的处理方式。

0 人收藏 0 人点赞
#frontend

@ohayou792: 众所周知 Claude 的审美是顶级的,之所以这么强,就是因为Claude有一套自己极其严苛的内部设计规范。 刚刚Claude泄露了它内部的组件设计系统提示词和完整规范,直接把为什么它写出来的界面有一种高级感的秘密全抖出来了。 完整规范整…

X AI KOLs Timeline ↗ · 2026-11-01 缓存

网友整理并分享了 Claude 泄露的内部组件设计系统提示词与完整规范,涵盖设计哲学、图标、字体排版、CSS 变量及组件 Token 等规则,供前端开发和 Vibe Coding 借鉴。

0 人收藏 0 人点赞
#frontend

JavaScript 框架的 AI 成本

Hacker News Top ↗ · 2026-11-01 缓存

Nolan Lawson 运行了一项基准测试,让 AI 智能体使用不同的 JavaScript 框架构建同一个 Pokémon 应用,测量开发时间、token 消耗、代码体积和 Lighthouse 得分。这篇文章对智能体编程时代中仅凭感觉的框架宣称提出质疑,呼吁拿出证据。

0 人收藏 0 人点赞
#frontend

Tangled,聘请一位前端无障碍专家

Lobsters Hottest ↗ · 2026-10-31 缓存

作者批评 Tangled 新版 Svelte 前端 UI 使用 12px 字号且以像素为单位定义字体,导致严重的可访问性问题,呼吁 Tangled 聘请前端无障碍专家。

0 人收藏 0 人点赞
#frontend

@vuefes:/ 非常感谢大家参与 Vue Fes Japan 2026!\ 向所有参会者、讲者和赞助商致以最诚挚的谢意

X AI KOLs Following ↗ · 2026-10-31 缓存

本文对举办 Vue Fes Japan 2026 进行了回顾,并向讲者、参会者和赞助商表达了感谢,同时已在时间表中公开了演讲资料。活动安排了包括 Evan You 的主题演讲,以及 Vue/Nuxt/Astro 等前端技术相关的众多演讲环节。

0 人收藏 0 人点赞
#frontend

@gkxspace: 牛逼啊,大佬刚把“爆改 slop 界面”封装打包开源了: https://github.com/heydamir/unslop 装好直接敲 /unslop,落地页、后台看板、手机 App 都能改,React、Tailwind、纯 HTML…

X AI KOLs Timeline ↗ · 2026-10-31 缓存

Damir Sokolovsky 开源了名为 unslop 的 Claude Code 技能,可以自动识别并改造 AI 生成的“slop 风格”界面(紫色渐变、emoji 标签等),支持 React、Vue、Tailwind、纯 HTML 等各种技术栈,用 `/unslop` 命令即可让界面焕然一新。

0 人收藏 0 人点赞
#frontend

Pico CSS 已不再维护

Hacker News Top ↗ · 2026-10-30 缓存

Pico CSS 自 v2.1.1 起停止维护,维护者表示,AI 已能生成轻量、独立且无障碍的 HTML,因此极简 CSS 框架如今已不再那么重要。代码仓库已归档,但 npm 包、CDN 和网站仍将保持在线,并继续采用 MIT 许可证。

0 人收藏 0 人点赞
#frontend

ElementaryUI – 在浏览器中运行 Swift

Hacker News Top ↗ · 2026-10-29 缓存

ElementaryUI 是一个开源框架,让开发者能通过 WebAssembly 在浏览器中原生运行声明式 Swift 应用,并提供类似 SwiftUI 的 API、内置响应式状态管理以及小巧的 kB 级 WASM 包体积。

0 人收藏 0 人点赞
#frontend

@RayFernando1337:如果你的应用看起来像是靠感觉写出来的,那就从专业设计师制作的主题入手。我用的是 Lexington Themes。我让 Gemini 4 Argon 读……

X AI KOLs Following ↗ · 2026-10-29 缓存

一条开发者建议:用 Lexington Themes 这类专业设计的主题来构建应用,能让通过氛围编程开发的应用更好看;再用 Gemini 4 Argon 将主题的设计提取成可复用的 MD 文件,就能让不同项目保持一致的视觉风格。

0 人收藏 0 人点赞
#frontend

@NFTCPS: 网页设计的饭碗真的要保不住了! AI 做网站太假的问题终于被解决了! Inter字体、紫蓝渐变、卡片套卡片,这些套路已经有人写成62条规则专门抓。 不靠大模型,也不用API Key。 做这个的是jQuery UI早期作者,项目叫Impec…

X AI KOLs Timeline ↗ · 2026-10-29 缓存

由 jQuery UI 早期作者 Paul Bakaus 开源的 Impeccable 项目发布:24 个命令为 Claude Code、Cursor、Codex 等编码代理提供设计词汇与审查能力,用 62 条确定性规则检测 AI 生成网页的套路化设计(Inter 字体、紫蓝渐变、卡片套卡片),无需大模型或 API Key。

0 人收藏 0 人点赞
#frontend

@mattpocockuk: 正在考虑在我的 React 应用中直接禁用 useState——把 agent 推入成功的黑洞

X AI KOLs Timeline ↗ · 2026-10-28 缓存

Matt Pocock 正在考虑在他的 React 应用中禁用 useState,以推动 AI 编码代理转向更结构化、更可预测的状态管理方案。

0 人收藏 0 人点赞
#frontend

@bkdgiffug: 做局部刷新、表单提交或者列表更新,是不是一上来就习惯性先拽个框架,再去死磕请求和 DOM? htmx 压根不按这套路出牌:直接在 HTML 标签上挂个 hx-get、hx-post 之类的属性,事就成了。 点一下也好,提交也罢,浏览器负责…

X AI KOLs Timeline ↗ · 2026-10-27 缓存

htmx 是一个约 14KB、零依赖的库,允许直接在 HTML 标签上通过 hx-get、hx-post 等属性实现 AJAX、CSS 过渡、WebSocket 和 SSE,从而用更少的 JavaScript 构建现代交互界面。

0 人收藏 0 人点赞
#frontend

一个 select 应该告诉你一些信息

Lobsters Hottest ↗ · 2026-10-27 缓存

一篇关于 CSS `appearance: base-select` 可自定义下拉选择组件的博客文章,展示五个 before/after 案例,说明选项现在可以包含预览、数值、职位等富内容,让选择列表本身就能提供决策所需的信息,而不是只有一行纯文本。

0 人收藏 0 人点赞
#frontend

网站应当支持打印

Lobsters Hottest ↗ · 2026-10-26 缓存

作者分享如何使用 CSS 的 @media print 规则优化网页的打印效果,包括调整字号、隐藏不必要元素和链接颜色处理,呼吁更多开发者关注网页的可打印性。

0 人收藏 0 人点赞
#frontend

Show HN:用于 AI 的 UI 微交互提示词

Hacker News Top ↗ · 2026-10-22

一篇 Show HN 帖子,分享了一组用于 AI 辅助界面设计与生成的 UI 微交互提示词。

0 人收藏 0 人点赞
#frontend

@kentcdodds:如果 AI 不断接管实现工作,我们工程师还能做什么?11 月 13 日,我将在 @JetBrains AI.js 演讲……

X AI KOLs Timeline ↗ · 2026-10-22 缓存

JetBrains AI.js Day 2026 是一场面向前端开发者的免费线上活动,将于 11 月 13 日举行,演讲嘉宾包括 Kent C. Dodds 和 Danny Thompson,探讨 AI 对软件工程师职业的影响。

0 人收藏 0 人点赞
Next →
← 返回首页

提交意见反馈