Utility · First-party
Image Cropper
Crop multiple regions from an image or sprite sheet locally in your browser.
AI Coding Agent Knowledge & Assets
Knowledge and assets for AI coding agents.
Source-backed knowledge, practical assets, and field notes from the community to help you build with confidence.
Featured Editorial
编辑精选
Guides
图解词典
按主题翻阅图解词典：每个概念一句话讲透，还配一段能直接粘贴给 Agent 的 prompt。下方词条正在滚动，点开任何一张即可预览。
Agents 图解词典
Agents8 词- Context Window模型一次能"看在眼里"的内容上限，相当于它工作台桌面的大小。
- System Prompt开演前塞给模型的"剧本"，规定它是谁、守什么规矩、怎么干活。
- Token模型数文本的最小单位——一个汉字或小半个英文单词；窗口大小和费用都按它算。
- Tool Call模型自己不动手——它发出"操作指令"，由外部程序代为执行，再把结果带回来。
- MCP给 AI 接工具的"通用插线板"标准：工具方实现一次，各家 Agent 都能即插即用。
- Memory跨会话留存的笔记系统，弥补模型"聊完就忘"的短板。
- Diff & PRAI 改代码的交付格式：Diff 标出"改了哪几行"，PR 在外面再包一层说明与审查流程。
- Compaction窗口快满时，把旧对话浓缩成摘要腾出空间，好让会话继续干活。
Frontend 图解词典
Frontend8 词- Box Model页面上每个元素都是一个"套了三层包装的盒子"：内容、内边距、边框、外边距。
- Border Radius把方盒子的直角"削圆"的属性，一个数字就能决定界面是硬朗还是柔和。
- Interaction States同一个按钮在不同时刻的"表情"：平时、悬停、按下、聚焦、禁用，各有一套样子。
- Flexbox & GridCSS 两大布局系统：Flex 管一排或一列的分配，Grid 管横竖交织的棋盘。
- Z-index控制元素谁盖住谁的"楼层号"——但只在一栋楼里比大小，跨楼无效。
- Responsive Design同一套页面，在手机、平板、电脑上都自动排成合适的样子。
- Modal Dialog盖在页面上的"前台接待窗"：事情不办完，后面的页面就先不动。
- Tooltip & Toast两种轻量提示：Tooltip 是贴着元素的"小纸条"，Toast 是角落里滑出来"报个信就走"的通知条。
Backend 图解词典
Backend8 词- API Endpoint后端服务对外的一个"服务窗口"：前端按约定地址递上请求，窗口按约定格式递回响应。
- Database专门替你"记账"的仓库：数据按表格或文档结构存放，怎么存、怎么查都有章法。
- Index数据库里给常用查询修的"目录"：不必整本书翻一遍，直接按目录跳到那几行。
- Cache把费工夫算好的结果放在手边：下次再要，直接递，不再重算。
- Queue排号处理的后台传送带：急事当场答复，慢活儿扔上传送带慢慢干。
- Rate Limit给服务窗口装一道闸门：每个人每分钟只能敲有限次门，防止有人把门敲穿。
- Environment Variables贴在机器后台的一排"钥匙牌"：数据库地址、密钥、开关，代码不看内容只认钥匙孔。
- Deployment把打好包的应用送到服务器上"正式营业"：测试环境验收合格的成品，推上生产货架。
Utilities
实用工具
Image Cropper Crop multiple regions from an image or sprite sheet locally in your browser.
Timestamp Converter Convert Unix timestamps to and from human-readable dates.
Markdown Preview Preview rendered Markdown as you type, entirely in your browser.
JSON Formatter Format, validate, and inspect JSON without sending it anywhere.
More Utilities View all utilities