satg3d15 retweetledi
satg3d15
1.1K posts

satg3d15 retweetledi

看到一个设计不错的网站,想借鉴一下它的排版和配色,在自己项目里实现类似的效果。
最近找到 designlang 这个工具,一条命令就能把任意网站的设计元素完整提取出来,直接生成可用的配置文件。
它会用无头浏览器抓取页面,分析所有计算样式,然后输出 Tailwind 配置、CSS 变量、Figma 变量、React 主题等十多种格式的文件,拿来就能用。
GitHub:github.com/Manavarya09/de…
不只是提取颜色和字体,还能识别布局结构、动效节奏、组件层级、品牌语气,甚至能检测页面用了哪个组件库。
可以接入到 Cursor 或 Claude Code 等 AI 编程助手里,让大模型完全遵循提取出来的规范去写代码。
如果你想快速对齐某个网站的视觉风格,或者给 AI 编程工具喂一份完整的设计规范,可以看一下。

中文
satg3d15 retweetledi

satg3d15 retweetledi

被A社封了三个号后,我终于用上Claude Desktop!给各位来个保姆级教程
1⃣ 进入claude.com/download进行安装(注意!梯子要开TUN模式)
2⃣ 无需登录,点左上角三横线(点不到就用Tab选中+Enter确认),选Help - Troubleshooting - Enable Developer Mode
3⃣ 重启后再点左上角,选Developer - Configure Third Party Inference
4⃣ 进入配置界面后,其他保持默认,在下方填写对应URL和api key,再点击右下角 Apply Locally
5⃣ 再次重启 Claude Desktop,就可以通过中转使用Claude Desktop~
如果你需要高质量AI算力,找BeefAPI就够了⬇️
beefapi.com


中文
satg3d15 retweetledi
satg3d15 retweetledi

这个交互式的麻将教程做的太棒了:themahjong.guide
是教老外学麻将的,设计配色舒服,教程安排特别合理,几个大块就说明了核心玩法,还有简单的交互性,我也又学习了一下,是我最近看到非常喜欢的网页设计。
之后我用它来测试一下 5.5 编码能力,看看能不能复刻一个另外的类似教程。
中文
satg3d15 retweetledi
satg3d15 retweetledi

内容创作者福音:一句话抓出推上最热门的 GPT Image 2 提示词,并分析爆款原因。
99.9% 的人不知道这个功能,而且还是免费的 🤐
只需在 YouMind 输入以下魔法:
「帮我调用 find prompt 搜 10 条最近 2 天转发最多的 GPT Image 2 提示词,并结合图片和提示词分析爆款原因」
「...搜 3 条 4月 20 日评论最多的 GPT Image 2 提示词」
「...搜 3 条过去一周收藏最多的 Nano Banana Pro 提示词」
快去试试吧!
youmind.com/gpt-image-2-pr…
中文
satg3d15 retweetledi

之前做的 Seedance 2.0 提示词库排上用场了,已收录 2000 个。结合 GPT Image 2 提示词库,无数可能!
快去玩起来吧 ❤️
youmind.com/seedance-2-0-p…
youmind.com/gpt-image-2-pr…


中文
satg3d15 retweetledi

爆赞!🤯用 ChatGPT Image 2.0 生成红白机风格像素资产图!
以后做红白机风格小游戏直接“主题生成素材”,开发速度起飞!🎮我生成这两套,角色、敌人、道具、地形、建筑、BOSS 全都有,复古 16-bit 味很正!
1、《鬼灭之刃》炭治郎红白机风
2、《大鱼吃小鱼》海洋像素风
提示词/Prompt:
请根据【游戏主题:】创作一张高完成度、高信息密度、适合系列化发布的「像素世界资产图鉴 / Pixel World Asset Atlas」。
这不是普通像素插画,也不是单张游戏场景图,而是一张面向游戏开发、美术设定、关卡设计和视觉提案的“2D像素游戏资产总览图”。画面需要像一张完整的游戏素材说明板,把一个【游戏类型】所需的核心角色、敌人、道具、地形、场景、机关、Boss和装饰元素系统化整理在同一张图中,形成清晰、专业、可复用的游戏资产图鉴。
【基础设定】
主题世界观:【游戏主题】
游戏类型:【游戏类型,例如横版动作 / 平台跳跃 / 地牢冒险 / 生存闯关 / ARPG】
时代背景:【时代背景】
主角身份:【主角身份】
敌人类型:【敌人类型】
主要场景:【主要场景环境】
整体风格:【风格方向,例如16-bit复古街机像素风 / 32-bit精致像素风 / 现代独立游戏像素风】
主色调:【主色调】
辅助色:【辅助色】
点缀色:【点缀色】
画幅比例:【画幅比例,横版4:3】
如没有填写,自动按照游戏主题最优方案进行匹配。
【整体画面要求】
画面采用横版大画布,浅色或低干扰背景,整体像一张游戏开发资产表、像素设定集展开页、说明书式资源目录。所有元素都应为统一像素密度的2D pixel art sprite,具有清晰黑色或深色描边、有限色阶、复古游戏质感。不要生成真实摄影风、3D渲染风、厚涂插画风或电影海报风。重点是“系统完整、分类清晰、资源丰富、可开发感强”。
【版式结构】
整张图采用模块化网格排版,用细线分割不同资源区域。每个区域需要有编号标题和简短分类标签,整体阅读路径为从左到右、从上到下。版式应具有说明书、游戏开发文档、素材图鉴、设定板的秩序感。信息密度要高,但不能混乱;每个模块内部的元素应等距排列,保持清晰可读。
【必须包含的模块】
1. 玩家角色模块:展示【主角身份】的完整动作帧,包括站立、行走/奔跑、跳跃、下蹲/倒地、攻击、投掷、攀爬/互动、受伤或特殊动作。动作帧应横向排列,像游戏sprite sheet。
2. 敌人单位模块:根据【敌人类型】设计多种敌人,包括普通敌人、远程敌人、重装敌人、特殊单位、动物/怪物/机械单位,以及受击或倒地状态。
3. 武器与道具模块:展示与主题匹配的近战武器、远程武器、投掷物、子弹/飞行物、爆炸/技能特效、可拾取奖励、补给物、钥匙或特殊道具。
4. 基础地形砖块模块:展示可用于搭建关卡的地面、墙体、平台、边缘、转角、破损砖块、可破坏砖块、不同材质地块。
5. 自然/外部场景资源模块:根据【主要场景环境】展示树木、草丛、石头、灌木、木桩、障碍物、环境装饰。
6. 建筑/基地/营地资源模块:展示门、窗、墙、栅栏、梯子、箱子、屏障、铁丝网、货架、营地设施或主题建筑构件。
7. 特殊地形模块:展示桥梁、水体、悬崖、洞口、山体、塔楼、平台结构、危险地形或主题环境变化。
8. 室内/地下/设施资源模块:展示管道、控制台、金属门、通风口、电箱、机械设备、警示牌、墙面装置、室内装饰。
9. Boss / 遭遇战资源模块:展示一个或多个大型Boss、特殊载具、巨型机关、Boss战道具、精英小兵和战斗标志性元素。
10. 通用装饰与交互元素模块:展示梯子、绳索、指示牌、路灯、开关、机关、可破坏物、小型工具、标识牌、奖励物、杂物装饰等。
【视觉细节要求】
所有资源需要保持统一的像素尺寸逻辑和世界观一致性。角色、敌人、道具、地形和场景资源之间要有明确的比例关系,看起来像来自同一个游戏项目。每个小元素都要有清楚轮廓,不要糊成一团。动作帧需要体现连续性;地形砖块需要看起来可以拼接;道具和机关需要有功能识别度;Boss元素需要比普通单位更大、更有压迫感。
【文字与标签要求】
允许加入少量中文或英文分类标题,例如“1. 玩家角色 / Player Character”“2. 敌人单位 / Enemies”“3. 武器与道具 / Weapons & Items”等。文字应作为说明标签存在,风格简洁,不能喧宾夺主。标题和编号要增强资料表、说明书、游戏资产目录的感觉。
【最终效果】
最终画面应像一张完整的【主题世界观】像素游戏资产图鉴,既有复古游戏美术魅力,又有专业游戏开发资料表的系统感。整体应清晰、丰富、模块完整、分类明确、适合用于游戏设定展示、系列内容发布、视觉提案和后续开发参考。


Larus Canus@MrLarus
中文
satg3d15 retweetledi

👷 Kami is now open source. Your AI writes well. Now your docs can look good too.
A design system for AI-native docs: one-pagers, resumes, portfolios, letters, long docs, and slides. Bilingual, diagram-ready, print-ready. Zero setup.
github.com/tw93/kami

English
satg3d15 retweetledi

到底如何使用hermes @NousResearch 无痛成立一人公司(OPC)?
现在几乎已经全面替代 @openclaw 成为新一代的生产工具了,这里搜集了全网最权威也最容易上手的教程合集:
1.首先是雪糕老师 @Xuegaogx 写的保姆级hermes 部署教程,直接告诉你如何部署到本地电脑以及接上微信,飞书等工具:
x.com/Xuegaogx/statu…
还有老师教你用hermes结合surf skill,自动化拿到信息差毫秒级套利:
x.com/Xuegaogx/statu…
2. 然后是爱丽丝老师 @BTCqzy1 的hermes中级到高级进阶指南,最好的地方在于老师直接给你一个傻瓜式教程带你一步步用hermes完成自动化生产,直接实现一人公司
x.com/BTCqzy1/status…
3. 再就是 @ResearchWang 王十三老师的hermes高阶工具配置教程,这个教程里教大家如何把hermes变成一个真正的有感知,能监控token用量并优化(简称越用越省)的高级agent,并附带了Openclaw到hermes的无痛迁移教程
x.com/ResearchWang/s…
4.然后是 @PierceZhang34 老师全网100万阅读量的hermes白嫖minimax M2.7教程,保姆式教你10步HERMES配上NVIDIA免费Minimax-m2.7大模型:
x.com/PierceZhang34/…
最后,读万卷书不如行万里路,请大家不要收藏完就放着不管了,一定要亲手用起来
中文
satg3d15 retweetledi

可以提高审美的网站
dark.design
footer.design
landingly.co
godly.website
awwwards.com
提高你的审美,在 AI 时代显得尤为重要
dqxf1izhlm.feishu.cn/wiki/Q851wiIjH…

中文
satg3d15 retweetledi

用了两天志辉大佬开源的 skills-manage,好家伙,这个工具解决了我一个大痛点。
以前我的 Skill 文件散落在各种地方,每次更新一个 Skill,得手动同步。
skills-manage 用 ~/.agents/skills/ 做中央仓库,其他平台通过软链接指向这里。一处修改,全平台生效。
并且:
1. 可以从 GitHub 直接导入 Skill 仓库
2. 支持 20+ 个 AI 编程工具(Claude Code、Cursor、Windsurf、Codex...)
3. 有 Collection 功能,可以把常用 Skill 打包,一键安装到新平台
4. 本地优先,数据都在本地 SQLite,不上传
推荐给需要管理多个 AI 编程工具的朋友。
GitHub: github.com/iamzhihuix/ski…

志辉@iamzhihui
重大消息,周一给大家带来干货 那就是打磨了两周的skills管理工具开源了 我觉得应该差不多,功能很棒 解决了我自己平时的痛点 现在基本自己一边用一边开发 1️⃣ 全局~/.agents/skills 的管理 2️⃣ 一键安装github上的skills仓库 3️⃣ 电脑全局项目skills管理 4️⃣ skills市场,官方和最佳推荐 5️⃣ 支持各大Coding Agent和OpenClaw/Hermes平台 6️⃣ 还支持AI解释skills 还贴心给大家准备了介绍视频 大家记得star下 我会继续努力打磨好 有问题记得来开喷哈 好的坏的都接受 也欢迎一起来共建 开源地址:github.com/iamzhihuix/ski…
中文
satg3d15 retweetledi
satg3d15 retweetledi

让你的绘图提示词变成电影感提示词
由gemini3.1和大佬分享的几个电影感提示词作为原料调整出来的skill提示词:
# Role: 顶级好莱坞电影摄影指导 & AI 提示词架构师
## Objective
你现在的任务是接收用户提供的“核心画面意象”,并严格按照我提供的【终极电影感提示词公式】和【三大核心摄影机模组】,将其转化为一段结构严密、极具视觉冲击力的英文 AI 绘画提示词。
## Rules & Constraints
1. 绝对禁止使用空洞、泛泛的修饰词(如 beautiful, masterpiece, amazing)。必须依赖极其硬核的、精确的摄影机参数来锁定画面质感。
2. 提示词必须严格遵守下方的公式顺序,不可随意调换。
3. 最终输出的提示词必须是全英文。
## The Master Formula (核心生成公式)
最终输出的提示词必须严格符合以下结构拼装:
`[Subject & Action (主体与动作)]` + `[Setting & Framing (场景与构图)]` + `[Camera Module (摄影机模组)]` + `[Lighting, Color & Vibe (光影色彩与氛围)]` + `[Parameters (后缀参数)]`
## Variable Definitions (变量定义库)
### 1. Camera Modules (摄影机模组 - 根据用户需求的氛围,由你自动三选一)
- **Module A (ARRI 经典写实 / 细腻叙事 / 文艺冷峻):**
Shot on ARRI ALEXA Mini, paired with Zeiss Master Prime lenses, 35mm wide angle, 3.2K ArriRaw sensor quality
- **Module B (RED 史诗大片 / 废土科幻 / 宽银幕张力):**
Shot on RED Weapon Dragon, paired with Panavision G series Anamorphic lenses, 35mm, Redcode RAW 6K, cinematic anamorphic look
- **Module C (Sony 极致锐利 / 赛博惊悚 / 极高反差):**
Shot on Sony CineAlta F65, paired with Panavision Primo Prime lenses, 35mm wide angle, Sony 16-bit Linear RAW, ultra-wide color gamut
### 2. Lighting, Color & Vibe (光影色彩与氛围 - 必须完整保留)
incredibly high fidelity, cinematic color grading, cinematic lighting, deep depth of field, hyper-realistic, low contrast, desolate atmosphere
### 3. Parameters (后缀参数 - 默认使用,除非用户指定)
--ar 16:9 --style raw
## Workflow (执行工作流)
1. 分析用户输入的简短画面描述。
2. 将用户的描述扩写并翻译成极具画面感、细节极其丰富的英文(Subject & Action + Setting & Framing)。
3. 根据画面内容的调性,在 Module A/B/C 中做出最专业、最匹配的判断并选择。
4. 将所有模块按照【核心生成公式】无缝拼接。
## Output Format
1. **📸 摄影机模组选择:**简述你选择了哪个模组 (A/B/C) 以及为什么。
2. **🎬 终极提示词 (Prompt):**提供最终组装好的纯英文提示词(提供在代码块中方便复制)。



中文
satg3d15 retweetledi
satg3d15 retweetledi
satg3d15 retweetledi
satg3d15 retweetledi













