色彩对比度检查器 —— 设计人员的调色板助手。这款工具符合《网页内容访问权限指南》（WCAG）。

只需输入颜色，这项服务就会显示所选颜色是否适合背景和文本。

旁边有一个效果“增强”按钮，可一键改善效果。

🧬 https://coolors.co/contrast-checker/112a46-c9dbee

https://github.com/dbohdan/classless-css 总有一款经典适合你，没有最好的也不要紧，改下就有了

https://htmx.org/examples/ HTMLX（Hyperscript Language for the X-Platform）是一种用于开发动态Web应用程序的前端框架。它专注于通过更少的JavaScript代码实现更多功能，目的是简化前端开发。HTMLX的主要思想是将行为绑定到HTML标记中，使得代码更容易维护和理解。

https://github.com/wimdeblauwe/htmx-spring-boot 让SpringBoot全面支持了htmlx中的请求、响应以及通过Thymeleaf的特性简化了模板的工作量。

https://datatables.net DataTables 是一个 Javascript HTML 表格增强库。它是一个高度灵活的工具，建立在渐进增强的基础之上，可为任何 HTML 表格添加所有这些高级功能。

很多人认为，AI的到来让学习变得更容易了，因为学生可以利用AI来完成作业和考试。然而，我认为AI带来的改变远不止于此。从我自己的学习经历来看，AI实际上可能让更多人的学习效果变得更差。那些原本只是想混日子、混过去的人，借助AI之后，甚至连自己学过什么都不清楚了。因此，当他们真正需要运用这些知识时，往往是一片茫然。

AI使得学校和老师更容易识别并淘汰那些只追求成绩和毕业证书的“混子”。而对于真正以专业为目标的人来说，AI则能够帮助他们从更多角度理解问题，激发思考，从而更快地探索和获取知识。因此，AI最终将极大地拉开学生之间的差距。

#AI #感悟

https://yoavsbg.github.io/css-flexbox-playground/
Flex练习场，理解和运用你的flex css

#CSS

模型上下文协议浏览器 Inspector

Inspector 是一个基于 Web 的工具，专门用于可视化和浏览符合**模型上下文协议 (Model Context Protocol)** 的数据。简单来说，它可以让你简单方便的与你的MCP Server交互，以了解它是否工作正常！就像给你的MCP Server装上了一个“透视镜”。😎

https://github.com/modelcontextprotocol/inspector

#AI #MCP

Google发布了Agent Development Kit，这是这段时间以来我看到的在工程化完成度很好的Agent SDK了。任何人都可以很轻松的完成从一个Agent定义、开发、Debug到即时演示的全过程，而且对一个Agent应用的发布生命周期也考虑的很周到。这真的是让人非常激动的一年啊。

https://google.github.io/adk-docs/

#AI #Agent

FastAPI-MCP 是一个原生 FastAPI 扩展，可将已有的 FastAPI 接口一键暴露为 MCP（Model Context Protocol）工具。它内置鉴权支持，保留原有请求/响应模型和文档，无需额外配置；采用 ASGI 直连方式，通信高效；支持在同一应用挂载或独立部署。只需通过 uv add fastapi-mcp 或 pip install fastapi-mcp 安装，然后在代码中引入 FastApiMCP(app) 并调用 mount() 即可快速启用 MCP 服务，让 LLM 工具集成更顺畅。

https://github.com/tadata-org/fastapi_mcp

在您的应用中本地部署LLM/VLM/TTS模型的跨平台框架。
支持Flutter、React-Native和Kotlin多平台。
支持您在Huggingface上找到的任何GGUF模型；Qwen、Gemma、Llama、DeepSeek等。
运行LLM、VLM、嵌入模型、TTS模型等。
支持从FP32到低至2位量化模型，提高效率并减少设备负担。
支持Jinja2的聊天模板和令牌流。

https://github.com/cactus-compute/cactus

LearnGitBranching(https://learngitbranching.js.org) 是一个非常棒的Git可视化教学游戏。它本身也在github上开源了它的所有的代码。非常值得一试

https://github.com/pcottle/learnGitBranching

https://codelabs.developers.google.com/gemini-cli-hands-on

Gemini CLI的入门指南，将安装、简单的使用以及它所支持的不同的功能和特性都介绍了一遍，还是相当不错的。

https://github.com/Highflyer/REST-API-Design-Guide

RESTful 是目前最流行的 API 设计规范，用于 Web 数据接口的设计。
在 2000 年，Roy Fielding 提议使用表现层状态转换 (英语：Representational State Transfer，缩写：REST) 作为设计 Web 服务的体系性方法。REST 是一种基于超媒体构建分布式系统的架构风格。REST 独立于任何基础协议，并且不一定绑定到 HTTP。但是，最常见的 REST 实现使用 HTTP 作为应用程序协议。
基于 HTTP 的 REST 的主要优势在于它使用开放标准，不会绑定 API 的实现，也不会将客户端应用程序绑定到任何具体实现。例如，可以使用 ASP.NET 或者 Node.js 编写 REST Web 服务，而客户端应用程序能够使用任何语言或工具来发起 HTTP 请求和分析 HTTP 响应。
它的大原则容易把握，但是细节不容易做对。我们必须进行较多的工作来实施 REST API 中的最佳实践。大多数情况下，懒惰或缺乏时间意味着我们不会付出努力，如此为我们的用户留下一个个古怪的、难用的却又脆弱的 API。
本文总结 RESTful 的设计细节，介绍如何设计出易于理解和使用的 API。

https://github.com/buresdv/Cork

Homebrew是一个非常不错的工具，Cork是一个GUI前端，如果你是开发者，可以自行编译。刚好，这也是一个非常棒的机会学习一个实际的项目工具。

https://scade.io/docs 这个世界真大，真的是无奇不有。这是一个让你可以使用Xcode来写swift项目，最后可以生成Android App的开源项目。我以为我此生不应该看到这种东西的出现，但是，今天当我看到这个项目时，真的是让我惊吓了一身汗。只能说这世界的闲人太多了。

https://codelabs.developers.google.com/gemini-cli-deep-dive

这个教程从不同的方面给讲述了如何使用AI Agent帮助你来完成开发中的工作。值得一看一试，入门的好指南。但是要注意，无论Ai Agent再好用，它一直会很容易的产生无数的bug，它始终会有机会陷入难以跳出的循环，最要注意的是，它可能会轻松的花光你的信用卡。

https://codelabs.developers.google.com/getting-started-google-antigravity?hl=zh-cn#0

Google自家发布的 Antigravity入门指南，仔细理解这里的一些新名词和作用挺好的。

Anthropic 上线了全新的学习板块 (https://www.anthropic.com/learn) ，逛了一圈发现不少好东西。对比 Gemini 偏入门级的功能设计，A记的教程明显更具深度，字里行间都能感受到他们对细节的死磕，课程质量真的很高。

谁说 CLI 只是给管理员用的？个人开发者和用户更需要直接掌控自己的 Google 服务！🔥

Google 官方 Workspace CLI (https://github.com/googleworkspace/cli) 让你无需打开繁杂的 GUI 网页，即可在终端直接访问和操作 Gmail、Drive、Docs 等“全家桶”内容。

这不仅是个人自动化的利器，更是作为 AI Agent 底层操作接口的最佳选择，让你的 AI 能够无缝帮你在不同 Google 服务之间进行复杂的脚本操作。

#GoogleAPI #CLI #个人自动化 #AI自动化 #开发者工具