工具与应用Tools & apps

找能解决具体问题的应用、Skill 和自动化工具。Apps, Skills, and automation tools for a concrete problem.

共 122 条 · 最新在前122 resources · Newest first

工具Tool

Figma Specs：画布上的 Markdown 设计说明，给编程助手读Figma Specs — Markdown design briefs on the canvas for coding agents

把设计说明写在画布旁，编程助手按同一份 Spec 干活。Write the design brief beside the canvas so the coding agent follows one Spec.

figma.com

工具Tool

OpenPencil：开源、可读写 .fig 的设计编辑器（自带 MCP）OpenPencil — open-source Figma-compatible design editor with MCP

本机打开 .fig，还能让编程助手通过 MCP 改每一层。Open .fig locally and let agents edit every layer over MCP.

openpencil.dev

工具Tool

Geneva — 用 HTML/CSS 做字幕与动效的开源命令行视频编辑器（MIT）Geneva — open-source CLI video editor with HTML/CSS titles and motion graphics (MIT)

剪辑写成 JSON，字幕和动效用 HTML/CSS，不用开浏览器。Edits are JSON; titles and motion graphics are HTML/CSS—no browser.

genevarender.com

工具Tool

Doop — 人和 AI Agent 一起用的开源设计画布（自带 MCP）Doop — open-source multiplayer design canvas with built-in MCP for agents

Agent 在画布上直接画帧，你和它共用同一份设计记忆。Agents sketch frames on a shared canvas with one design memory.

doop.design

网页工具Web tool

Diagram Design：让编程助手画出「设计师不会嫌弃」的编辑级图示Diagram Design: editorial diagrams your coding agent draws (and designers won’t hate)

44 种图示，一页自含 HTML+SVG，还能贴合你站点的品牌色。44 diagram types as one HTML+SVG file, brand-matched to your site.

diagramdesign.dev

工具Tool

EditUI — 在 Chrome 里点界面元素，批量改完再贴给编程助手EditUI — click UI in Chrome, batch the notes, paste to your coding agent

在真网页上点选要改的地方，一次拷给编程助手。Click what to change on the live page, then paste one batch to Claude Code or Cursor.

editui.app

网页工具Web tool

Suta：给 Claude Code / Codex 用的界面 Skill，用来压掉 AI 界面「同质化」Suta: a UI skill for Claude Code / Codex that pushes back on AI-slop interfaces

装给编程助手的界面指南，少一点 AI 同质化。UI guidelines for your coding agent, so fewer look-alike AI screens.

github.com

工具Tool

CSS Studio — 在自己网站上改样式，改完交给现有编程助手写回代码CSS Studio — edit styles on your live site; your coding agent writes them back

在真网页上改样式文案，一点就交给编程助手写回。Edit the live page; one click sends changes to your coding agent.

cssstudio.ai

工具Tool

Diffui — 用扩散模型一次出多版界面，再交给编程助手落地Diffui — diffusion UI mockups in parallel, then hand off to a coding agent

一句话出好几版网页界面，挑中了再丢给助手写代码。Generate several UI directions at once, pick one, hand the build plan to your agent.

diffui.ai

工具Tool

WunderUI — 同一套 Figma + React 设计系统，专给编程助手备好 MCP / llms.txtWunderUI — one Figma + React design system with MCP / llms.txt for coding agents

Figma 和代码同名；助手用 MCP 查真实组件，少瞎编。Same names in Figma and code; agents read real components over MCP.

wunderui.com

互动网页Interactive

M3E Canvas：在浏览器里拖出 Material 3 界面草图，一键变成给 AI 写 App 的提示词M3E Canvas: sketch Material 3 Expressive screens in the browser and turn them into a prompt for your AI coding tool

拖零件拼 Material 3 界面，一键写成给 AI 的提示词。Drag Material 3 parts into screens, then copy one prompt for your AI coding tool.

lnkiai.github.io

网页工具Web tool

Oil UI：装给 AI Agent 的界面设计 Skill，先做几版风格不同的小样让你挑Oil UI: a UI design skill for AI agents that mocks up several truly different directions for you to pick

让 AI 先做几版真不一样的界面小样，你挑完它再细化。Your AI agent mocks up genuinely different UI directions, you pick, it refines.

github.com

组件库Library

Prompt Motion：200 多条 Claude 做的动效视频，每条都附上做它的提示词Prompt Motion: 200+ motion videos made with Claude, each with the prompt behind it

200 多条 AI 动效片，每条旁边都摆着做它的提示词。200+ AI motion videos, each shown next to the prompt that made it.

prompt-motion.com

互动网页Interactive

CUBE Type：打几个字，变成等距方块字，免费导出图片或循环动图CUBE Type: type a few words and get isometric block letters, free image or loop export

打几个字变成等距方块字，配色画幅随便调，导出免费商用。Type a few words, get isometric block letters, and export them free for commercial use.

typeincube.com

工具Tool

Claude Motion 和 Claude Dashboards — 一句话做动画讲解短片，连上数据出实时看板Claude Motion and Claude Dashboards — animated explainers from a prompt, live dashboards from your data

一句话把报告做成动画短片，每个字和数字都能改。Turn a report into a short animated explainer where every word and number stays editable.

claude.com

工具Tool

Claude Design — 用对话出设计稿，还能套上你自己的设计系统Claude Design — prompt for designs that stay on your design system

跟 Claude 说需求，它按你的组件配色先出一版。Describe it; Claude drafts on your design system, then you refine.

claude.com

工具Tool

Flowstep — 给编程助手用的设计画布，出屏、改稿、再拷进 FigmaFlowstep — a design canvas for coding agents; generate screens, edit, paste into Figma

助手在画布上出界面，改完还能直接粘进 Figma。Have Cursor or Claude Code generate UI onto an editable canvas, then paste into Figma.

flowstep.ai

资讯News

Grok Bot 能连 Shopify，查订单、盯库存、改商品信息Grok Bot connects to Shopify for orders, inventory, and listings

连上 Shopify 之后，直接让 Bot 帮你看订单、库存和商品页。Connect Shopify, then ask a Bot to check orders, inventory, and product listings.

x.com

网页工具Web tool

SVG Spark：浏览器里的 10 个本地小工具（SVG 转图、对比度、社交图裁切…）SVG Spark: 10 client-side tools (SVG convert, contrast, social crop, and more)

SVG 转图、对比度、社交裁切，全在本地浏览器里完成。SVG convert, contrast, and social crop—all local in the browser.

svg-spark.vercel.app

工具Tool

把 Framer 网站变成一套设计规范，写成「技能」让 AI 照着做新页面turn a Framer site into a design system and a Skill so the agent builds new pages in your style

把配色、字体、间距写成一条技能，AI 做的新页面就不跑偏。Write your colors, type, and spacing into one Skill so new AI pages stay on brand.

framer.com

工具Tool

Krea 出了 Photoshop 插件，在 PS 里直接调 Nano Banana、Krea 2、GPT IMG 2.5Krea's Photoshop plugin puts Nano Banana, Krea 2, and GPT IMG 2.5 inside Photoshop

不用来回导图，在 Photoshop 面板里就能出图、改图、放大。Generate, edit, and upscale from a Photoshop panel, no exporting back and forth.

krea.ai

资讯News

让 Bot 陪你做幻灯片，先挑样张再出 PPT 或 Google Slidesbuild slide decks with a Bot, pick sample slides, get PowerPoint or Google Slides

先挑样张定风格，再让 Bot 交出 PPT 文件。Pick a style from sample slides, then get a PowerPoint or Google Slides file.

x.ai

资讯News

Grok Bot 不用连 X 也能搜、读、盯 XGrok Bot can search, read, and monitor X without connecting X

不用登录 X，直接让 Bot 帮你盯产品反馈或一条正在发酵的新闻。No X sign-in needed: have a Bot watch product feedback or a breaking story.

x.com

互动网页Interactive

BIGWORDS.PAGE：把任何屏幕变成大字牌，链接就是整个页面BIGWORDS.PAGE: turn any screen into a big sign, and the link is the whole page

打一句话铺满屏幕，链接就是整块牌子。Type a line to fill the screen; the link is the whole sign.

bigwords.page

资讯News

Figma 设计助手正式开放，能不能改稿要看席位Figma’s design agent is generally available, and editing depends on your seat

Figma 的设计助手正式上线，能不能改稿要看席位。Figma’s design agent is generally available. Editing depends on your seat.

figma.com

工具Tool

Gamma 5 — 跟助手把演示做完，也能导入现成的 PPT 和 PDFGamma 5 — finish a deck with the agent, or import a PowerPoint or PDF

跟 Gamma 的助手对话来做演示，也能导入现成 PPT。Build a deck by talking with Gamma’s agent, or import a PowerPoint you already have.

help.gamma.app

工具Tool

Graphical — 调一套视觉主题，再交给编程助手用Graphical — set a visual theme, then hand it to your coding agent

调好颜色、字体和间距，再交给编程助手做界面。Set colors, type, and spacing, then let your coding agent build the interface.

graphicalui.com

资讯News

OpenAI 公开一批数学文稿，附带可检查的证明文件OpenAI published a batch of math papers, with proof files you can check

OpenAI 公开一批数学文稿，并附上可以核对的证明。OpenAI published a batch of math papers, plus proofs you can check.

openai.com

工具Tool

ProtoPie MCP 正式版 — 用你自己的 AI 改原型，企业版再出代码ProtoPie MCP, now official — edit prototypes with your own AI; code export is Enterprise

用你自己的 AI 改 ProtoPie 原型，企业版才能出代码。Edit a ProtoPie prototype with your own AI. Code export needs Enterprise.

protopie.io

工具Tool

ArtCraft Crafting Apps — 七款对标 Adobe 的开源创作软件，AI 助手能直接操作ArtCraft Crafting Apps — seven open-source Adobe-style creative apps an AI agent can drive

七款对标 Adobe 的开源软件，AI 助手能用 MCP 直接操作。Seven free, open-source Adobe-style apps that an AI agent can drive over MCP.

getartcraft.com

互动网页Interactive

GSS：用写 CSS 的方式写 3D 场景GSS: write 3D scenes the way you write CSS

会写 CSS 就能写 3D：选择器加动画，编译成一个着色器。If you can write CSS, you can write 3D: selectors and keyframes compiled to one shader.

gss-lang.dev

工具Tool

CoIsland — 把开发告警收进 Mac 刘海，一键交给编程助手CoIsland — a Mac notch app that hands a dev alert to your coding agent

Mac 刘海里盯着开发工具，告警一键交给编程助手。A Mac notch app that hands a dev alert to your coding agent.

coisland.app

互动网页Interactive

Flatten SF：在旧金山找最平的步行/骑车路线Flatten SF: the flattest walking or cycling route across San Francisco

一根滑杆，在少走路和少爬坡之间挑。One slider between shorter and flatter.

flattensf.com

工具Tool

Cloudflare Web Search API — 让 Agent 搜现在的网页Cloudflare Web Search API — let an agent search the live web

给 Agent 一个搜实时网页的接口，回答有出处。An API so agents search the live web instead of guessing links.

developers.cloudflare.com

工具Tool

SCM（Screen Memories）— 用一句话搜本机照片和视频SCM (Screen Memories) — search local photos and video in plain words

用一句话搜本机照片，也能跳到视频里的那一帧。Search local photos, and jump to the matching moment inside a video.

scm.allenlee.site

工具Tool

发帖用图片 / GIF / 梗图素材站（子砚 @0xCzyan）image / GIF / meme source sites for posting (Ziyan @0xCzyan)

六类发帖素材站：梗图、GIF、摄影、壁纸一次收齐。Six posting asset sites: memes, GIFs, photos, wallpapers in one list.

x.com

资讯News

Main Bot 主动找活、帮你分派给其他 Bota Main Bot that offers help first and routes work to your other Bots

设一个主 Bot，让它主动找活、替你分派。Pick a Main Bot that finds work and routes it for you.

x.com

互动网页Interactive

VB6 Studio Web：浏览器里的经典 Visual Basic 6 IDEVB6 Studio Web: the classic Visual Basic 6 IDE in your browser

在浏览器里拖控件做 VB6 窗体。Build VB6 forms in your browser.

wieslawsoltes.github.io

工具Tool

Television — 给个人 Agent 用的开源可视化工作台Television — open-source visual workspace for personal agents

给个人 Agent 加一块可视化屏幕，artifact 不埋在聊天里。A visual screen for your personal agent so artifacts leave the chat scroll.

television.run

工具Tool

DeepSeek Harness Desktop — 官方 macOS / Windows 桌面端DeepSeek Harness Desktop — official macOS / Windows app

用 DeepSeek 官方桌面 Agent，插件可组合。Run DeepSeek’s official desktop Agent with composable plugins.

deepseek.com

工具Tool

Weave Router — 给 coding agent 的开源模型路由Weave Router — open-source model router for coding agents

给编程 Agent 按任务换更合适的模型。Route each coding-agent task to a model that fits it.

weaveos.com

工具Tool

Pi 1.0 — 可自改的极简 coding agent 底座（附 Pi Durable）Pi 1.0 — minimal, make-it-yours coding agent harness (plus Pi Durable)

用极简 Agent 底座搭自己的编程工作流。Build your own coding workflow on a minimal Agent harness.

earendil.com

网页工具Web tool

Wave：Three.js 着色器层叠波浪渐变背景生成器Wave: Three.js shader layered wave-gradient background generator

在浏览器里生成层叠波浪背景。Generate layered wave backgrounds in your browser.

wave.subworkflow.ai

工具Tool

Magnitude — 为本机 Agent 自调优的开源推理引擎Magnitude — open-source self-tuning inference engine for local agents

让本机 Agent 推理引擎按任务调优。Tune a local Agent inference engine for your tasks.

github.com

资讯News

Team Bots（共享上下文的团队 Bot）Team Bots (shared-context team bots)

让团队 Bot 在共享上下文里协作。Coordinate team Bots with shared context.

x.ai

网页工具Web tool

Dental Scope：免费可互动的三维牙科解剖Dental Scope: free interactive 3D dental anatomy

用可互动的三维模型学习牙科解剖。Explore dental anatomy with an interactive 3D model.

dental-scope.com

网页工具Web tool

Halfspace：浏览器里用距离场做实体建模的实验 IDEHalfspace: experimental browser IDE for solid modeling with distance fields

在浏览器里用距离场做实体建模。Experiment with distance-field solid modeling in your browser.

mattkeeter.com

网页工具Web tool

Scissor：浏览器里免费的矢量 + 像素设计编辑器Scissor: free vector and pixel design editor in the browser

在浏览器里编辑矢量和像素图。Edit vector and pixel art in your browser.

scissor.studio

网页工具Web tool

Space Now：实时太阳系 + 52 万小行星与在轨卫星Space Now: real-time Solar System with 526k asteroids and tracked satellites

在浏览器里探索太阳系与小行星。Explore the Solar System and asteroids in your browser.

space.bl2.net

网页工具Web tool

Rename.Tools：浏览器里批量重命名本地文件Rename.Tools: bulk-rename local files in the browser

在浏览器里批量重命名本地文件。Batch-rename local files through your browser.

rename.tools

工具Tool

Jeff — 本机可跑的 Jev 兼容 System One 小决策模型Jeff — local Jev-compatible System One decision models

在本机试用面向小决策的模型。Try a small-decision model locally.

github.com

网页工具Web tool

MicroLLM Lab：浏览器里跑 / 测 7 个小模型MicroLLM Lab: run and benchmark 7 tiny LLMs in the browser

在浏览器里试跑小模型。Try small language models in your browser.

stateofutopia.com

互动网页Interactive

SkinLab：皮肤科医生做的浏览器 WebGL 皮肤生物物理模型SkinLab: a dermatologist’s browser WebGL biophysical skin model

用互动模型探索皮肤的生物物理。Explore skin biophysics with an interactive model.

drmagnuslynch.com

工具Tool

Onesie — 给 System One 模型用的 Unix 风格 CLIOnesie — a Unix-style CLI for System One models

用命令行调用 System One 模型。Use System One models from the command line.

github.com

网页工具Web tool

GPU-font：在浏览器里从一行字认字体GPU-font: match a font from a line of text in the browser

从一行文字寻找可能使用的字体。Identify possible fonts from a line of text.

dy.github.io

工具Tool

Leftovers — 清理 coding agent 留在 Mac 上的进程与缓存Leftovers — clean up processes and caches coding agents leave on a Mac

清理编程 Agent 遗留的进程与缓存。Clean up processes and caches left by coding Agents.

github.com

网页工具Web tool

Lofi Cities：像素夜城 + 浏览器里现场合成的 lofiLofi Cities: pixel night cities with lofi composed live in the browser

在像素夜城里合成轻松的音乐。Synthesize relaxed music in a pixel-art night city.

loficities.com

网页工具Web tool

Shotcandy：浏览器里把截图做成可分享图/视频Shotcandy: turn a screenshot into a share-ready image or video in the browser

把截图做成适合分享的图或视频。Turn screenshots into shareable images or videos.

shotcandy.vercel.app

工具Tool

shipwithmuse.live — Muse 社区作品目录shipwithmuse.live — a catalog of things people built with Muse

看看社区用 Muse 做出了什么。Explore what the community has built with Muse.

shipwithmuse.live

网页工具Web tool

nudl：剪贴板一键去掉链接 tracking 参数nudl: strip tracking junk off any link you copy

一键清理剪贴板链接的追踪参数。Remove tracking parameters from clipboard links.

coreho.github.io

网页工具Web tool

Print Graph Paper：免费可打印方格纸 / 点阵纸 PDFPrint Graph Paper: free printable grid / dot paper PDFs

生成可打印的方格纸和点阵纸。Generate printable graph and dot-grid paper.

printgraphpaper.app

互动网页Interactive

TiddlyInstall：单 HTML 做跨平台安装包TiddlyInstall: one HTML file that builds cross-platform installers

用单个 HTML 制作跨平台安装包。Make cross-platform installers with a single HTML file.

robertsdotpm.github.io

工具Tool

Personal Jarvis：开源本机语音编排桌面（Grok Bot 相邻）Personal Jarvis: open-source local voice-orchestrated desktop (Grok Bot-adjacent)

用本机语音桌面编排 Agent。Orchestrate Agents through a local voice desktop.

github.com

互动网页Interactive

Bastardica：浏览器里混字重的「bastard」字体工坊Bastardica: in-browser foundry for bastard web fonts

在浏览器里实验混合字重。Experiment with mixed font weights in your browser.

bastardica.mitpit.com

互动网页Interactive

PipeFitter：浏览器里参数化做异径管接头PipeFitter: parametric pipe connectors in the browser

用参数化工具设计异径管接头。Design pipe reducers with a parametric tool.

mankyd.github.io

工具Tool

美区 PayPal 绑国内 Visa — AI / Apple 订阅旁路US PayPal with a China-issued Visa — AI / Apple subscription side path

了解订阅支付旁路的条件与限制。Understand the requirements and limits of a subscription payment workaround.

x.com

互动网页Interactive

C3 Playground：浏览器里编图形与声音的 C3 游乐场C3 Playground: in-browser C3 with graphics and sound

在浏览器里编写图形与声音。Code graphics and sound in your browser.

play.c3-lang.org

互动网页Interactive

CMS-EP-SFX：气隙可用的自解密 HTML 加密页CMS-EP-SFX: air-gapped self-decrypting HTML encryption

用自解密 HTML 在离线环境分享密文。Share encrypted content offline through self-decrypting HTML.

cms-sfx-demo.apeleg.com

互动网页Interactive

Fractalysis：浏览器里无限放大的 Mandelbrot 查看器Fractalysis: browser Mandelbrot viewer with infinite zoom

在浏览器里把分形放大到普通精度之外。Zoom a fractal in the browser, far past ordinary precision.

erwindegroot.nl

互动网页Interactive

Simten NAND：在浏览器用 TypeScript 从门电路搭 CPUSimten NAND: build a CPU from gates in TypeScript in the browser

在浏览器用代码接线，从门电路搭起一台处理器。Wire gates in the browser and build a processor up from them.

play.simten.dev

网页工具Web tool

lineselect：管道里交互勾选 stdin 行lineselect: interactively pick lines from stdin in a pipeline

在管道里用键盘勾选行，再交给下一条命令。Pick lines from a pipeline with the keyboard, then pass them on.

urbanogilson.github.io

网页工具Web tool

OnDevice Tools：64 个纯浏览器工具（不上传）OnDevice Tools: 64 browser utilities that never upload your data

64 个纯浏览器工具，数据留在本地、不上传。64 browser tools that keep your data on-device and never upload it.

ondevice-tools.org

工具Tool

Errand：开源「每席一电脑」Grok Bot / Muse 相邻桌面（Runta）Errand: open-source Grok Bot / Muse-style desktop (Runta)

开源桌面壳：每人一台云电脑，用来对照 Grok Bot。Open-source desk where each teammate gets a cloud computer beside Grok Bot.

github.com

工具Tool

Open Bot：开源「每席一电脑」Grok Bot 替代（任意 AG-UI harness）Open Bot: open-source Grok Bot-style coworkers on any AG-UI harness

开源同事席：每席一台电脑，可接任意 Agent。Open-source coworkers, each with a computer and any agent harness.

github.com

互动网页Interactive

GeoJSON Viewer：粘贴校验并画地图GeoJSON Viewer: paste, validate, and draw on a map

粘贴 GeoJSON，校验过再画上地图，全程不上传。Paste GeoJSON, validate it, and draw the map without uploading.

9revolution9.com

互动网页Interactive

Scrolling Text Generator：浏览器跑马灯/字幕导出Scrolling Text Generator: browser marquee, ticker, and credits export

在浏览器里调跑马灯和字幕，再导出或嵌进网页。Tune a ticker or credits line in the browser, then export or embed it.

scrollingtextgenerator.space

网页工具Web tool

Green Screen Remover：浏览器里抠绿幕（视频/图片）Green Screen Remover: in-browser chroma key for video & image

把绿幕视频或图片拖进网页，在本地抠掉背景。Drop a green-screen clip or image in the page and key it locally.

greenscreenremover.net

网页工具Web tool

Visual HTML：保源码的 AI HTML 可视化编辑器Visual HTML: source-preserving WYSIWYG for AI-generated HTML

在画布上改邮件和网页，源码仍然留在你手里。Edit emails and pages on a canvas while the source stays yours.

kong75.github.io

网页工具Web tool

Paper Effects：浏览器里的报纸/杂志文字 Match CutPaper Effects: in-browser newspaper/magazine text match cuts

在浏览器里做报纸风的文字转场，还能导出动图。Make newspaper-style text cuts in the browser and export a GIF.

papereffects.site

模板Template

Capsule：单文件 Web 应用（UI + SQLite 打包分享）Capsule: single-file web apps (UI + SQLite, share like a doc)

把界面和本地数据库打成一个文件，像文档一样分享。Pack a UI and a local database into one file you can share.

withcapsule.app

工具Tool

Grok Ship：把 Grok Bot 变成软件工厂（scout / ship）Grok Ship: turn Grok Bot into a software factory (scout / ship)

在共享电脑上装软件工厂：侦察只出报告，改动要授权。A software factory on the shared computer: scouts report, and changes need a go-ahead.

github.com

工具Tool

RongleCat/awesome-grok-bot：中英日三语 Grok Bot 资源目录RongleCat/awesome-grok-bot: bilingual+JP Grok Bot directory

中英日三语的资源目录，教程、技能和踩坑都在。A directory in three languages, covering tutorials, skills, and pitfalls.

github.com

工具Tool

Roster Room：82 套可粘贴 Grok Bot 小队配方Roster Room: 82 paste-ready Grok Bot team prompts

可粘贴的小队配方，默认可读可草稿，发送必须人批。Paste-ready team recipes that read and draft by default, and wait before sending.

github.com

工具Tool

Saily 美国 +1 号（eSIM）— AI 注册旁路Saily US +1 eSIM for AI signups

用美国号码收短信，方便部分海外账号注册。A US number that receives texts, for signups that ask for one.

x.com

组件Component

SparkUI：给 AI Agent 用的一次性互动页（URL 即 UI）SparkUI: ephemeral interactive pages for AI agents (UI via URL)

给 Agent 的一次性互动页，点开链接就能操作。Ephemeral pages an agent can hand you: open the link, act, and send the result back.

sparkui.dev

工具Tool

「原生字幕拼图」native-subtitle-quote-image：真实视频帧 → 3:4 字幕长图 Skill（程意）Native Subtitle Quote Image: real video frames → 3:4 subtitle quote cards, an open Agent Skill (ChengYi)

从真实视频帧拼出字幕长图，发不发仍由人决定。Stitch real video frames into subtitle cards, and leave publishing to a person.

github.com

工具Tool

Compound Engineering：给 Grok Bot 用的工程循环插件Compound Engineering: engineering-loop plugin Grok Bot can load

把写码循环做成可调用技能，Bot 共用你的插件库。Turn the coding loop into callable skills the Bot loads from your plugin library.

github.com

组件Component

DAUB：给 AI 用的 CSS 组件库（84 件 / llms.txt / MCP）DAUB: CSS component library for AI (84 parts / llms.txt / MCP)

给 AI 用的零构建 CSS 组件库，带目录和校验。A zero-build CSS kit for AI, with a catalog and a way to check the UI.

daub.dev

互动网页Interactive

Relativity Park：光速降到步行时的狭义相对论Relativity Park: special relativity when light walks

把光速降到步行，在公园里看见相对论。Set the speed of light to a walking pace and watch relativity in a park.

rivendell.dmitrybrant.com

互动网页Interactive

Roadwright：画轮子，看它滚出的路面Roadwright: draw a wheel, see the road it rolls on

画一个轮子，立刻看到它无滑滚动时的路面。Draw a wheel and instantly see the road it rolls along without slipping.

baselashraf.com

工具Tool

GBDL：一文件保存多智能体 Grok Bot 编排GBDL: one Markdown+YAML file to save a multi-agent Grok Bot setup

用一份文件记下整支 Bot 小队，方便进版本库。Save a whole Bot squad in one file so it can live in version control.

github.com

工具Tool

grokbot-skills：74 条可挂 Routine 的技能配方库grokbot-skills: 74 ready-to-run Grok Bot skill recipes

可直接粘贴的技能配方，审批优先，安静为默认。Paste-ready skill recipes that ask before acting and stay quiet by default.

github.com

工具Tool

awesome-grokbot：661 条可点进的 x.ai/bot 分享目录awesome-grokbot: 661 live x.ai/bot share catalog

可点进的公开 Bot 分享目录，导入前有一份核对清单。A catalog of public Bot shares you can open, with a checklist before you import one.

github.com

工具Tool

Mobile MCP：让 AI 直接点 iOS / Android AppMobile MCP: let the agent tap iOS / Android apps over MCP

让 Agent 直接点手机应用，读得到结构就不用猜坐标。Lets an agent tap phone apps, reading the structure before it guesses a coordinate.

github.com

网页工具Web tool

SceneAI：UI 提示库（AETHER Claude 首屏演示同源）SceneAI: UI prompt library (source of AETHER’s Claude hero demo)

落地页和动态背景的文案库，首页可以免费看样本。A library of landing and background lines, with free samples on the homepage.

sceneai.art

模板Template

HTML Presentation Editor：单文件自编辑演示稿HTML Presentation Editor: self-editing single-file slides

单文件演示稿编辑器，改完就写回原来的文件。A single-file slide editor: change it in the browser and save the same file.

itchernetski.github.io

互动网页Interactive

Ptree：可交互生命树Ptree: interactive tree of life

在浏览器里翻生命树，用性状滑块筛出类群。Browse a tree of life in the browser and filter groups with trait sliders.

ptree.org

互动网页Interactive

Yan Texture Studio：浏览器纹理实验室Yan Texture Studio: in-browser texture lab

在本地生成纹理和故障滤镜，再导出图片。Generate textures and glitch filters locally, then export the image.

yan.yichenlab.com

工具Tool

gawkbot：开源、本机跑的 Grok Bot 替代gawkbot: open-source, on-machine Grok Bot alternative

本机多 Bot，外发和删除都要逐次批准。Local bots where every send or delete waits for approval.

gawk.bot

资讯News

Claude Fable 5.1 / Mythos 5.1Claude Fable 5.1 / Mythos 5.1

同一模型两档防护：一档公开，一档只给受信访问。One model at two safeguard levels: one public, one limited to trusted access.

anthropic.com

工具Tool

Lingxi：把 coding agent 编成工程组织Lingxi: run coding agents as an engineering org

专科工头拉起云端 Agent，人只守高后果的闸门。Specialist bosses launch cloud agents, and people only hold the high-stakes gates.

x.com

工具Tool

awesome-grok-bot：已核验的 Skill / Plugin / MCP 目录awesome-grok-bot: a verified skills / plugins / MCP directory

已对照一手源的技能、插件和连接器目录。A directory of skills, plugins, and connectors, each checked against a primary source.

github.com

网页工具Web tool

Refero StylesRefero Styles

从真实产品站抽出的设计说明，编程助手可以直接读。Design notes pulled from real product sites, ready for a coding agent to read.

styles.refero.design

工具Tool

figma bro：Figma 设计系统搭档figma bro: a Figma design-system partner

走真实组件库改设计稿，而不是对着截图描。Edits the design through the real component library, not by tracing a screenshot.

x.ai

资讯News

Grok Bot 正式接通 XGrok Bot now works with X

在 Bot 里登录后就能搜帖、读提及和管理书签。Once signed in, the Bot can search posts, read mentions, and manage bookmarks.

x.ai

工具Tool

无聊目录：每晚长一页A boring directory that grows a page a night

每晚长一页小目录，找的是没人写的日常搜索。Publishes one small directory page a night, in a daily-search niche nobody covers.

x.com

互动网页Interactive

Single-File SaaS：单文件 BYOK 模板Single-File SaaS: BYOK in one HTML file

一整套自带密钥的应用脚手架，塞在一个文件里。A whole bring-your-own-key app scaffold, packed into one file.

0xelitesystem.github.io

网页工具Web tool

MotionSitesMotionSites

现成的落地页文案，复制就能交给编程助手。Ready-made landing-page lines you can paste into a coding agent.

motionsites.ai

网页工具Web tool

MeiGenMeiGen

免费的图像文案画廊，按广告、海报和人像分类。A free gallery of image lines, sorted into ads, posters, and portraits.

meigen.ai

网页工具Web tool

Taste SkillTaste Skill

给编程助手装上设计品味，先读简报再动手。Skills that give a coding agent design taste, starting from the brief.

tasteskill.dev

网页工具Web tool

OpenDesignOpenDesign

本机优先的设计桌面应用，用你已有的编程助手出稿。A local-first desktop app that turns your coding agent into a design studio.

open-design.ai

工具Tool

非官方 Linux 版 Grok Bot：从 Windows 安装包移植Unofficial Linux Grok Bot (Windows installer port)

社区把桌面端搬到 Linux，云端电脑仍然是原来那台。A community desktop build for Linux; the cloud computer stays the same one.

github.com

互动网页Interactive

GlassBox：浏览器指纹台GlassBox: browser fingerprint bench

在浏览器里跑指纹探针，看自己有多好认。Run fingerprint probes in the browser and see how identifiable you are.

glassbox.codecanary.org

网页工具Web tool

DesignLangDesignLang

对任意网址抽出设计系统，交给编程助手用。Point it at any URL and pull a design system your coding agent can use.

designlang.app

网页工具Web tool

海报构图手册 · 上册Poster Composition Handbook Vol. 1

海报构图上册：用构图管焦点、平衡和视线怎么走。Poster layouts that steer focus, balance, and where the eye travels.

x.com

网页工具Web tool

海报构图手册 · 下册Poster Composition Handbook Vol. 2

下册讲网格、图文关系和画面里信息有多密。Grids, type-and-image relations, and how dense a poster should be.

x.com

互动网页Interactive

RACK-02：单文件 techno 机RACK-02: a techno machine in one HTML file

一整台 techno 机写在一个 HTML 文件里，打开即玩。A modular techno machine in one HTML file that plays in the browser.

ssx360.github.io

组件Component

slideVarsslideVars

自动给样式变量做出滑杆，改值页面立刻变。Builds sliders for style variables, and the page updates as you move them.

codepen.github.io

网页工具Web tool

Clippy：CSS clip-path 生成器Clippy: CSS clip-path maker

拖点生成裁剪路径，再把样式复制走。Drag points to draw a clip shape, then copy the style.

bennettfeely.com

网页工具Web tool

SquooshSquoosh

在浏览器里压缩图片，原图不上传。Compress an image in the browser, and the original never uploads.

squoosh.app

网页工具Web tool

MDN CSS ExamplesMDN CSS Examples

配着文档的可运行 CSS 示例，打开就能看。Runnable CSS examples that accompany the docs, each on its own page.

mdn.github.io

网页工具Web tool

CSS Shadow Palette GeneratorCSS Shadow Palette Generator

调高度和光线，然后复制阴影变量。Tune height and light, then copy the shadow variables.

joshwcomeau.com