KK_Zhu retweeted
UI/UX Designers, here are my best sites on the internet for design system resources.
Bookmark it for later 💜
Guide → thedesignsystem.guide
Design system components → collection.componly.co
Checklist → designsystemchecklist.com
Database → designsystems.surf
Resources → designsystemsrepo.com
Component research → component.gallery
KK_Zhu retweeted
油管大佬Dankoe这个AI学习方法,看完真给我整破防了
原来我之前学东西慢,纯粹是方法不对
他手把手教你用AI把学习效率拉满,直接10倍速
不是那种虚头巴脑的理论,全是能立刻上手的实操步骤
链接我放评论区了,有中文音频版
这哥们讲得太通透,感觉以前的时间都白花了
KK_Zhu retweeted
Claude Code 团队刚刚发布了一门关于使用 Fable 5 进行循环工程的免费课程:
[00:00] —— Claude Code 的底层工作原理
[05 :01] —— 智能体循环机制解析
[16 :21 ] —— 99% 开发者忽略的功能:自动模式
[19 :00] —— 为什么语音优于打字
[32: 34] —— 使用草稿合并请求进行自动代码审查
[58: 39] —— 将 Fable 5 用于非编程工作
这门免费课程可以替代付费的 Claude Code 教程
KK_Zhu retweeted
终于上了!
藏师傅现在这个 Skills 可以帮你做 Live Photo。
我过去一段时间用下来,发现这个能力非常有用。它比做成视频的难度要低得非常非常多
又可以帮你展示一些需要动态展示的东西,比如:
1. 步骤说明
2. 不同角度的产品细节
3. 带动效的网页展示等等
这个 Skills 基本上把做 Live Photo 的门槛拉得非常低。
你只需要给它文案和你随便录制的一段视频,它就可以帮你编辑排版,变成一个带文字的 Live Photo。
当然,一些基础的 Live Photo 编辑它也能帮你做(比如拼图、夹子等),比你在市面上能找到的对应产品要方便很多。
ANTHROPIC ACABA DE CAMBIAR CÓMO SE DISEÑA FRONTEND CON IA
Se llama frontend design, una skill oficial de anthropic.
El problema que resuelve es simple.
Cada vez que le pedías una web a la ia, salía lo mismo:
→ inter como fuente
→ gradiente morado
→ layout genérico de startup
→ el “ai slop” de siempre
Frontend design lo corta de raíz.
Obliga a claude a comprometerse con una dirección estética antes de tocar una sola línea de código.
Y el resultado cambia por completo.
Puedes pedirle:
→ brutalista
→ editorial
→ retro-futurista
→ lujoso
→ maximalista
Y genera html, css, js, react o vue listos para producción.
Cómo instalarlo:
→ npx skills add anthropics/skills --skill frontend-design
→ describe la web o componente que quieres
→ elige el estilo
→ claude monta tipografía, color, motion y composición coherente
Una sola instalación.
Disponible en todas tus sesiones.
Funciona en Claude Code, Cursor, Códex, Gemini CLI, OpenCode y 15+ Harnesses.
100% Open source y Gratis
Mantenida por anthropic.
600.000 instalaciones.
155.000 estrellas en GitHub.
Enlace abajo 👇
transitions.dev 这个网站的动画过渡效果很不错👍
还可以安装 Skill,这样 Agent 可以自己为你的网页添加炫酷的动画
npx skills add jakubantalik/transitions.dev
Added new transitions to transitions.dev
There are now 21 transitions you can copy as CSS or React code or use as a skill for Claude, Cursor or Codex
npx skills add jakubantalik/transitions.dev
用AI 做PPT,我非常推荐两个人的skill
1. 张咋啦 @zarazhangrui frontend-slides::github.com/zarazhangrui/fron…
2.归藏 @op7418 的 guizang-ppt-skill:github.com/op7418/guizang-pp…
使用方式很简单:
将上述两个地址发给Codex,然后跟agent说安装skill
做PPT的流程,建议先生成文字稿后,再使用skill进行改造
I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub):
- Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly)
- How I created the skill
- How you can create your own skill
- Tips like how to insert images/videos into deck, how to publish
- Lessons I learned
(11-min video, YouTube link below)
KK_Zhu retweeted
卧槽!设计效率直接被推上外太空!10分钟出完一整套交互原型、动画和幻灯片!😱💥
天天为了赶稿加班画原型、调动画、做PPT能把人逼疯!今天挖到这个效率狂魔级的工作流:👉 huashu-design。说白了,它就是把设计顾问、原型制作、动画生成到专家评审全部一站式打通的超级引擎,速度快到飞起!✈️
🌟 核心亮点:
📌 闪电原型与动效:10分钟吐出带真真 iPhone 边框的交互原型,5分钟生成带 BGM 的高清时间轴动画。
📌 提案改稿全包了:15分钟直出 HTML+可编辑 PPTX 幻灯片,设计方向顾问直接并行出 3 套真实视觉。
📌 评审导出一条龙:3分钟秒出 5 维度雷达图评审清单,信息图支持印刷级 PDF/PNG/SVG 一键导出。
🛠️ 怎么用:
输入想法和需求 ➔ 自由调参多维度对比 ➔ 全套原型、动画、PPT 批量打包坐享其成。
💻 GitHub:
github.com/alchaincyf/huashu…
💬 有了这玩意,个人几分钟都能出设计公司级别的设计!你最想用它帮你做哪个部分?评论区聊!👇
~
#设计神器 #效率工具 #开源推荐 #UI设计 #全栈自媒体
我的天,零基础、无团队,竟在红果靠AI短剧逆袭460万粉丝,爆款狂轰5300万播放!😱💥
研究发现,这哥们就用了这款神器:👉Jellyfish,中文称水母。说白了,它就是全自动AI短剧工厂,输入剧本直接吐出成片,效率杠杠的!
🌟核心亮点:
📌角色永不变脸:种子+资产库三层锁死,彻底解决AI短剧绝症。
📌多模型全打通:MJ、Kling、Runway自由切换,谁好用调谁。
📌一条龙不折腾:拆分镜、生视频、内置剪辑台,一键导竖屏。
🛠️怎么用:
Docker一键部署➔粘进剧本➔AI建资产、调分镜➔直接导出成片。
💻GitHub:
github.com/Forget-C/Jellyfis…
💬短剧拼的就是产能,用这个开源工具出片快,效率翻倍,快转给想搞副业的朋友们!👇
#AI短剧 #开源神器 #工具分享 #短视频
KK_Zhu retweeted
AI 做网页终于不再一股“紫色渐变初创风”了。
Anthropic 官方出了一个 Claude Code 技能:Frontend Design,GitHub 已有 13.6 万星标,专门让 AI 先确定审美方向,再生成前端页面。
安装方法:
1. npx skills add github.com/anthropics/ski… --skill frontend-design
2. 描述你要的网站或组件
3. 选择风格
4. Claude 搞定排版、配色、动效和构图
一次安装,所有会话可用。兼容 Claude Code、Cursor、Codex、Gemini CLI、OpenCode 等 15+ 工具。
100% 开源,由 Anthropic 维护。数周内 41.8 万次安装说明一切。
github.com/anthropics/skills…































