程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Open Design:31个Skills+72套设计系统,Claude Design的开源替代品
案例
Open Design:31个Skills+72套设计系统,Claude Design的开源替代品
2026-05-09 06:34:08 +0800 CST
view 695
Open Design开源项目:Claude Design的开源替代品,31个Skills+72套设计系统,支持16种AI CLI工具,本地运行Apache-2.0协议,多模型支持,内置图片视频生成,MCP集成
AI设计
Claude Design替代
开源设计工具
本地运行
多模型
设计系统
Penpot 2026 深度实战:当开源设计工具学会与AI协作——从 Clojure 后端到 SVG 渲染引擎、从 Design Tokens 到 MCP 集成的生产级完全指南(2026)
编程
Penpot 2026 深度实战:当开源设计工具学会与AI协作——从 Clojure 后端到 SVG 渲染引擎、从 Design Tokens 到 MCP 集成的生产级完全指南(2026)
2026-06-22 14:57:10 +0800 CST
view 10
Penpot 2026 深度实战指南:从 Clojure 后端架构、SVG 渲染引擎、Design Tokens 到 MCP AI 集成的完整技术分析,含部署实战与代码示例
Penpot
开源设计
SVG
Design Tokens
MCP
AI协作
Clojure
Docker
前端协作
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
编程
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
2026-06-01 22:26:41 +0800 CST
view 233
Vue Print Designer是一款可视化打印设计器,面向业务表单、标签、票据、快递单等场景,支持模板化、变量化,并提供静默打印与云打印能力,同时兼容多种导出/打印方式。基于Web Components,零依赖适配Vue/React/Angular/原生HTML等所有技术栈。
Vue
打印设计器
开源
Web Components
可视化
打印
表单设计
标签打印
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
编程
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST
view 1855
深度解析 Open Design 开源项目:4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务,支持10+编程代理、31种设计技能、72个品牌设计系统,完全开源免费自托管。
开源
AI设计
Claude Design
设计系统
编程代理
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
编程
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
2026-04-21 09:02:26 +0800 CST
view 441
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
编程
Poster-Design:开源海报设计工具的完全指南与核心技术解析
2025-09-01 09:49:16 +0800 CST
view 1292
Poster-Design是一个功能强大的开源海报设计工具,旨在满足日益增长的高质量视觉设计需求。它基于现代Web技术栈构建,提供从简单图片编辑到复杂排版设计的全方位能力。本文深入解析其架构设计、核心功能及快速创建专业级视觉内容的方法,适用于电商、社交媒体、企业宣传等多个场景。
设计工具
开源软件
视觉设计
技术架构
开发
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1034
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1587
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1650
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
代码
这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST
view 1602
这是一个基于移动优先设计的简单HTML示例,适合手机浏览的网站结构。示例使用了响应式布局,包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示,并使用CSS样式优化页面布局,适应不同屏幕尺寸。
网页设计
前端开发
响应式设计
CSS 响应式图片与视频全攻略:从基础到进阶
编程
CSS 响应式图片与视频全攻略:从基础到进阶
2025-07-22 12:35:49 +0800 CST
view 1001
在设备多样化的时代,响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素,开发者可以根据用户设备特性提供合适的媒体版本,避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案,并提供实战建议与优化技巧。
前端开发
网页设计
响应式设计
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST
view 1402
MagicAnimator是由LottieLab发布的Figma插件,能通过AI自动生成可编辑的关键帧动画。用户只需拖入图片并点击按钮,即可快速生成多种动效,支持LottieJSON、GIF和MP4格式导出。该插件简化了动画制作流程,适用于App、网页和社交媒体,提升了设计师的工作效率。
动画制作
设计工具
Figma插件
AI技术
动效设计
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2660
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1348
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
案例
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59 +0800 CST
view 468
4400人收藏的Kami文档设计系统,8条设计铁律让AI生成文档有专业排版,6种文档类型,12种内置SVG图表,暖米色背景+油墨蓝强调色,Serif字体印刷质感
文档设计
AI排版
Kami
PDF生成
设计系统
Claude Skill
tw93
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3083
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
综合
Granim.js:为网页背景、元素和文字添加交互式渐变效果
2024-11-19 08:26:02 +0800 CST
view 2081
Granim.js是一个开源的JavaScript库,用于创建流畅的交互式渐变动画,支持丰富的渐变配置和易用的API。它可以为网页的背景、元素和文字添加动态渐变效果,适用于简单和复杂的场景,如图像蒙层和文字渐变。该库提供了多种选项和回调函数,允许用户自定义动画效果,提升网页的视觉吸引力。
前端开发
动画效果
网页设计
开源库
用户体验
综合
Gridstack.js,一款神奇的 JavaScript 开源网格布局库
2024-11-19 01:34:20 +0800 CST
view 2637
Gridstack.js是一个强大的JavaScript开源库,允许开发者通过简单的代码创建可拖拽、可调整大小的网格布局,非常适合构建交互式仪表板和复杂用户界面。它支持动态添加、移除和更新网格项,并提供丰富的事件监听机制。通过简单的初始化和配置,开发者可以快速上手并实现响应式布局。
前端开发
开源工具
用户界面设计
三省六部制遇上AI:edict 如何用唐代官制重构 Multi-Agent 编排系统
编程
三省六部制遇上AI:edict 如何用唐代官制重构 Multi-Agent 编排系统
2026-05-23 04:46:02 +0800 CST
view 211
深度解析 edict 项目如何借鉴唐代三省六部制设计 Multi-Agent 系统,包含9个专业Agent的架构设计、实时仪表盘、全链路审计与代码实战。
Multi-Agent,AI Agent,开源项目,系统设计,Python
综合
开源 | 一款基于 Vue 的低代码,6K star 的可视化表单设计器工具,轻松搞定表单,支持多端适配
2024-11-19 08:33:51 +0800 CST
view 3252
FormCreate是一款基于Vue的低代码可视化表单设计器工具,支持多端适配和国际化,用户可通过直观界面快速构建功能完备的表单。它内置丰富的组件库,支持动态渲染和事件绑定,广泛应用于政务、OA、ERP、电商等系统,提升开发效率,简化表单设计流程。该工具遵循MIT许可证,适合商业用途和定制开发。
开源工具
低代码
表单设计
Web开发
Vue框架
Claude-Mem 深度解析:59K 星背后的 AI 记忆压缩架构与跨会话上下文注入革命
编程
Claude-Mem 深度解析:59K 星背后的 AI 记忆压缩架构与跨会话上下文注入革命
2026-04-21 06:15:32 +0800 CST
view 490
Claude-Mem 59K星开源项目深度解析:AI记忆压缩架构、五层钩子系统、三层工作流、混合检索引擎,让Claude Code从短记忆天才变成长记忆伙伴
AI
Claude Code
记忆系统
开源项目
架构设计
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
编程
Open Design 深度拆解:当 AI 代理遇上设计系统——从 12 种编程 CLI 到 72 套设计语言的全链路技术实战
2026-05-03 00:35:59 +0800 CST
view 551
14.8K Stars,5 天破万,这个开源项目凭什么成为 Claude Design 的最强挑战者?
AI
Agent
设计系统
开源
TypeScript
开源仅5天暴涨18.2K星!Open Design:Claude Design最强开源替代
案例
开源仅5天暴涨18.2K星!Open Design:Claude Design最强开源替代
2026-05-04 07:34:23 +0800 CST
view 587
nexu.io创始人Tom Huang开源的Claude Design平替项目,开源5天斩获18.2K星,支持11种编码代理,129套设计系统
AI设计
开源
Claude
OpenDesign
前端开发
OpenClaw 深度解析:开源个人 AI 助手的新范式——从架构设计到多平台集成的完整技术内幕
编程
OpenClaw 深度解析:开源个人 AI 助手的新范式——从架构设计到多平台集成的完整技术内幕
2026-05-18 04:43:45 +0800 CST
view 376
深度剖析 OpenClaw 这一 2026 年现象级开源 AI 助手项目,从核心架构、多模型编排、技能系统到生产级部署实践
OpenClaw
AI助手
开源
架构设计
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
34
下一页