程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Figma凉凉!开源版更好用,社区公认最有颠覆性的「AI原生设计编辑器」
编程
Figma凉凉!开源版更好用,社区公认最有颠覆性的「AI原生设计编辑器」
2026-06-25 18:11:54 +0800 CST
view 393
OpenPencil:开源AI原生设计编辑器,社区公认最具颠覆性的Figma开源替代方案。内置完整MCP服务器,AI可直接接管操控画布,支持主流模型API,可用自然语言完成设计操作。与Figma操作兼容,文件无缝迁移,支持本地部署和Web访问。
OpenPencil
AI设计
Figma替代
开源
MCP
设计工具
AI原生
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2850
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1518
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
案例
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59 +0800 CST
view 1024
4400人收藏的Kami文档设计系统,8条设计铁律让AI生成文档有专业排版,6种文档类型,12种内置SVG图表,暖米色背景+油墨蓝强调色,Serif字体印刷质感
文档设计
AI排版
Kami
PDF生成
设计系统
Claude Skill
tw93
编程
Poster-Design:开源海报设计工具的完全指南与核心技术解析
2025-09-01 09:49:16 +0800 CST
view 1532
Poster-Design是一个功能强大的开源海报设计工具,旨在满足日益增长的高质量视觉设计需求。它基于现代Web技术栈构建,提供从简单图片编辑到复杂排版设计的全方位能力。本文深入解析其架构设计、核心功能及快速创建专业级视觉内容的方法,适用于电商、社交媒体、企业宣传等多个场景。
设计工具
开源软件
视觉设计
技术架构
开发
AI 生成界面为什么总是样板间? taste-skill 如何用 SKILL.md 教 AI 学会设计品味
编程
AI 生成界面为什么总是样板间? taste-skill 如何用 SKILL.md 教 AI 学会设计品味
2026-07-08 12:47:28 +0800 CST
view 351
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集,解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程
taste-skill
前端设计
SKILL.md
Claude Code
设计系统
AI 生成界面为什么总是样板间? taste-skill 用 SKILL.md 给 AI 装上设计品味
编程
AI 生成界面为什么总是样板间? taste-skill 用 SKILL.md 给 AI 装上设计品味
2026-07-08 12:50:03 +0800 CST
view 309
taste-skill 通过将设计品味封装为可组合的 SKILL.md 技能集,解决 AI 生成界面千篇一律的核心问题。本文深入解析其三段旋钮系统、设计技能体系与工程实践。
AI编程
taste-skill
前端设计
SKILL.md
Claude Code
设计系统
AI Agent
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3310
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1465
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
x402 协议深度解析:Linux 基金会如何用 HTTP 原生支付重塑 AI Agent 经济基础设施
编程
x402 协议深度解析:Linux 基金会如何用 HTTP 原生支付重塑 AI Agent 经济基础设施
2026-05-09 07:08:39 +0800 CST
view 857
Linux基金会x402协议深度解析:HTTP 402原生支付如何为AI Agent提供自动化微支付基础设施,含架构分析、代码实战、安全设计与生态全景
x402
HTTP
AI Agent
支付协议
Linux Foundation
一文搞懂 HTTP 请求:GET、POST、PUT、DELETE 全解析
编程
一文搞懂 HTTP 请求:GET、POST、PUT、DELETE 全解析
2024-11-18 09:46:13 +0800 CST
view 2414
本文深入探讨了HTTP请求的基本概念及其在Web开发中的重要性,详细解析了四种主要的HTTP方法:GET、POST、PUT和DELETE,并介绍了如何使用现代的FetchAPI和传统的XMLHttpRequest进行这些请求。通过示例代码,读者可以学习如何在JavaScript中有效地与服务器交互,处理数据。
Web开发
JavaScript
HTTP协议
Robinhood Agentic Trading 深度解析:MCP 协议如何让 AI Agent 首次掌握真实金融交易权限
编程
Robinhood Agentic Trading 深度解析:MCP 协议如何让 AI Agent 首次掌握真实金融交易权限
2026-06-01 16:55:23 +0800 CST
view 546
深度解析 Robinhood 2026年5月推出的 Agentic Trading 功能,从技术架构、协议原理、代码实现、安全模型等多维度剖析 MCP 协议如何让 AI Agent 首次获得真实金融交易权限
MCP协议
AI Agent
金融交易
Robinhood
OpenClaw
编程
PHP MCP Client v1.0.0 发布:为 PHP 应用接入 AI 工具打开新大门
2025-05-07 10:28:48 +0800 CST
view 2052
PHPMCPClientv1.0.0的发布为PHP开发者接入AI工具提供了官方支持,允许轻松调用Claude、OpenAI等LLM模型。MCP(ModelContextProtocol)标准化了AI模型与外部数据源的交互,支持多种传输方式和双API设计,适用于构建智能助手、内容创作、数据分析和自动化工作流等场景,标志着PHP在AI应用开发领域的重要进展。
PHP
人工智能
开发工具
协议
自动化
Agentic Trading 深度实战:MCP 协议让 AI Agent 首次掌握真实金融交易权限(2026)
编程
Agentic Trading 深度实战:MCP 协议让 AI Agent 首次掌握真实金融交易权限(2026)
2026-06-01 16:56:15 +0800 CST
view 483
深度解析 Robinhood 2026年5月推出的 Agentic Trading 功能,从技术架构、协议原理、代码实现、安全模型等多维度剖析 MCP 协议如何让 AI Agent 首次获得真实金融交易权限
MCP协议
AI Agent
金融交易
Robinhood
OpenClaw
从Windsurf到Devin Desktop:AI编程工具的平台化战略转型深度解析
编程
从Windsurf到Devin Desktop:AI编程工具的平台化战略转型深度解析
2026-07-10 20:14:06 +0800 CST
view 258
2026年7月Windsurf更名为Devin Desktop,标志AI编程工具进入平台化时代。本文深度解析:从技术架构(ACP协议、Rust重写、Kanban看板)到战略意图(从工具到平台的升维竞争),以及开发者如何在新范式中保持竞争力。
AI编程
Devin Desktop
Windsurf
多Agent
ACP协议
Rust
VSCode 2026 Agent Runtime 深度解析:IDE 原生多智能体协同开发架构从零到一
编程
VSCode 2026 Agent Runtime 深度解析:IDE 原生多智能体协同开发架构从零到一
2026-06-01 18:25:03 +0800 CST
view 518
深入解析 VSCode 2026 原生 Agent Runtime 架构:ACP 协议、Intent Bus、WASM 沙箱、RAG-Augmented 工作流与生产级性能优化实践。
VSCode
多智能体
Agent Runtime
ACP协议
WASM
Intent Bus
AI编程
Hermes Agent 深度实战:当 AI Agent 学会「自我进化」——从三层记忆架构到自进化循环的生产级完全指南(2026)
编程
Hermes Agent 深度实战:当 AI Agent 学会「自我进化」——从三层记忆架构到自进化循环的生产级完全指南(2026)
2026-06-16 10:18:27 +0800 CST
view 390
深度解析 Hermes Agent 的自进化架构:三层记忆系统、MCP 集成、多平台网关与生产级部署实践(12000字长文)
Hermes Agent
AI Agent
自进化
MCP协议
SQLite
FTS5
MCP 协议史上最大修订:2026年从AI工具调用协议到生产级智能体基础设施的蜕变
编程
MCP 协议史上最大修订:2026年从AI工具调用协议到生产级智能体基础设施的蜕变
2026-07-23 09:14:29 +0800 CST
view 262
深度解析MCP协议2026-07-28候选规范:OIDC身份认证、W3C分布式追踪、多Agent协作协议、声明式扩展、Policy Engine与审计日志,从工具调用协议到生产级智能体基础设施的完整蜕变
MCP
Model Context Protocol
AI Agent
智能体协议
OpenID Connect
分布式追踪
Chrome DevTools MCP 深度实战:让 AI Agent 直接接管浏览器调试——从 MCP 协议原理到生产级集成的完全指南(2026)
编程
Chrome DevTools MCP 深度实战:让 AI Agent 直接接管浏览器调试——从 MCP 协议原理到生产级集成的完全指南(2026)
2026-06-01 22:52:21 +0800 CST
view 840
2026年Chrome DevTools MCP完全指南:Google官方让AI Agent直接接管浏览器调试能力,从MCP协议原理、架构拆解、22个工具矩阵到3个生产级实战案例,深度解析前端调试的范式革命。
Chrome DevTools
MCP协议
AI编程
前端调试
浏览器自动化
MCP Server
AI Agent
Chrome
Grok Build 架构深度解析:xAI 开源终端 AI 工程师的工程哲学与技术内幕
编程
Grok Build 架构深度解析:xAI 开源终端 AI 工程师的工程哲学与技术内幕
2026-07-23 09:43:05 +0800 CST
view 219
深度解析 xAI 开源的 Grok Build:从 Rust monorepo 架构、ACP 开放协议、Actor 并发模型、三层沙箱安全到 Leader 多会话共享,配完整代码示例与生产部署指南
AI编程
Grok Build
xAI
Rust
多智能体
ACP协议
沙箱安全
WebMCP 深度实战:Google 与 Microsoft 联手重塑浏览器 AI 交互范式——从 DOM 暴力操作到语义化工具调用的完整技术揭秘
编程
WebMCP 深度实战:Google 与 Microsoft 联手重塑浏览器 AI 交互范式——从 DOM 暴力操作到语义化工具调用的完整技术揭秘
2026-05-16 11:46:26 +0800 CST
view 577
WebMCP深度实战:Google与Microsoft联合推动的浏览器原生AI交互协议,从双轨API到工具契约机制,完整代码实战与性能对比分析
WebMCP
AI Agent
浏览器API
MCP协议
前端开发
codebase-memory-mcp 深度实战:当 C 语言重写了代码智能的游戏规则——从知识图谱构建到 Token 削减 99%、从 158 种语言支持到 11 个 AI 代理即插即用的生产级完全指南(2026)
编程
codebase-memory-mcp 深度实战:当 C 语言重写了代码智能的游戏规则——从知识图谱构建到 Token 削减 99%、从 158 种语言支持到 11 个 AI 代理即插即用的生产级完全指南(2026)
2026-06-22 02:23:29 +0800 CST
view 687
codebase-memory-mcp 是用 C 语言编写的高性能代码智能 MCP 服务器,将代码库索引为持久化知识图谱,支持 158 种语言,Token 消耗减少 99%。本文深度解析其架构设计、核心原理、性能基准,并提供完整的安装部署与生产环境最佳实践指南。
codebase-memory-mcp
MCP协议
代码智能
知识图谱
Tree-sitter
C语言
AI编程助手
Token优化
GitHub Trending
代码索引
bitchat 深度拆解:无账号、无服务器、断网也能聊——蓝牙 Mesh + Nostr 双传输架构完整解析
编程
bitchat 深度拆解:无账号、无服务器、断网也能聊——蓝牙 Mesh + Nostr 双传输架构完整解析
2026-07-28 13:45:53 +0800 CST
view 132
深度拆解 GitHub Trending 榜首项目 bitchat:BLE Mesh 多跳中继 + Nostr 双传输架构、Noise XX 握手端到端加密、二进制紧凑协议与 LZ4 压缩、geohash 地理频道,附协议编解码与 geohash 实现代码及冷静的边界分析。
bitchat
BLE Mesh
Nostr
Noise协议
P2P
去中心化
端到端加密
geohash
开源
Swift
Cindy AI Agent 深度拆解:双 Harness 融合架构如何重新定义 AI 编程助手
编程
Cindy AI Agent 深度拆解:双 Harness 融合架构如何重新定义 AI 编程助手
2026-07-28 16:19:47 +0800 CST
view 230
深入剖析心动公司发布的开源AI Agent产品Cindy:双Harness融合架构原理、上下文连续性机制、多Agent协作模式、安全信任设计,以及它在整个2026年AI Agent生态中的独特定位。
Cindy
AI Agent
双Harness
Claude Code
Codex
Harness Engineering
多Agent协作
Context连续性
Model Routing
MCP协议
OpenClaw
2026技术趋势
开源AI
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
...
15
下一页