Paidax
@xin_pai88825 • 16,052 subscribers
兴趣使然的设计师 做过麻雀记。现在在做 新枝 和 Para翻译 发点碎碎念，记录产品日常
Shorts
Videos
设计师必备 Design Skill 推荐，整理了我日常高频在用的 5 款实用 Skill，亲测实用性拉满 1、Text to Lottie Skill 上传 SVG + 填写动画描述，快速生成可编辑 Lottie 动画文件。 2、GSAP Skill 一键生成专业网页交互动效，自动输出高性能代码，支持 SVG 动画、鼠标跟随、滚动视差文字等效果。 3、three-scope-map-skill 输入地区即可生成数据大屏 3D 交互地图，多款配色主题，支持缩放、平移、点位、飞线等大屏常用特效，开箱即用。 4、Web to Design md 输入网址一键扒取网页配色、字体、CSS、动效等全套设计规范，输出可被 AI 使用的 design.md 文档。 5、Shadcn/ui Skill 适配前端项目，自动对齐项目配置、统一组件规范、支持多主题，一键生成规整后台页面，省去大量调试工作。
Paidax83,968 次观看 • 2 个月前
分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题
Paidax174,782 次观看 • 6 个月前
今天分享5个VibeCoding必看宝藏网站 1.Originkit 汇聚海量高级网页动效，文字变形、粒子背景、鼠标跟随、图片轮播等效果均可在线预览。看中效果直接复制，交给AI就能快速运用到自己的网站项目中。 2.Border beam 支持为按钮、卡片、输入框添加流动发光边框，内置多款色彩与动画模板，光效速度、发光强度支持实时自定义调节。 3.motionsites AI建站专属设计提示词库，收录企业官网、个人作品集、品牌立体页面等大量优质案例。挑选心仪范例复制提示词，发送给AI即可快速产出同风格网站。 4.dotmatrix 拥有55种以上免费点阵加载动画，涵盖波浪、螺旋、雷达、像素、复古屏幕等样式。全部动画支持预览，选定样式后交由AI集成进项目，轻松提升加载页面设计质感。 5.VibeHub 专为VibeCoding打造的可视化词典。分不清按钮、布局、交互效果对应的专业术语时，可在线检索查看案例，获取标准命名，学会精准向AI描述开发需求。
Paidax23,882 次观看 • 29 天前
