跳到主要内容
牧码人--Vibe Coding作品和资源

精选资源

工具、教程与实用素材

沉淀能直接帮助创作的 Prompt、源码与学习资料。

投稿资源

50 个资源

按最新发布
Github开源 非原创
免费

ui-ux-pro-max

ui-ux-pro-max

管理员 13
插件|skill 非原创
免费

夯爆了!这个skill的审美绝了

生成的每一张图片都可以当壁纸的程度我的配图终于有救了安装方式:将以下代码发送给codex:git clone https://github.com/LiamGvchi/gc-minimal-zine-poster.git \~/.codex/skills/gc-minimal-zine-poster-v0-1安装后告诉agent:用 $gc-minimal-zine-poster-v0-1 做一张关于某某主题的海报,

管理员 63
插件|skill 非原创
免费

DESIGN.md 移动版:200 个 App 设计规范

DESIGN.md 移动版:200 个 App 设计规范设计师最熟悉的痛是什么?把一个 App 的截图丢给 AI 让它“照着做”,出来的东西形似神不似——配色差一点、字号偏一点、间距不对、动效完全不是那个感觉。因为截图只能传达“大概长什么样”,传达不了设计系统。🎯 awesome-ios-design-md 做的事:把 200 个真实 App 的设计系统“逆向工程”成了结构化的 Markdown 文件。每个 DESIGN.md 包含:精确的十六进制颜色(亮色 + 暗色模式)、完整的 Dynamic Type 字体层级、按钮和输入框的所有状态规范、4/8pt 网格布局规则、阴影和模糊材质层级、动画曲线参数、触觉反馈规范。不是“大概”,是“规格”。📦 200 个 App,每个四份“框架风味”:框架中立版(DESIGN.md)—— 通用于 Flutter、React Native、Kotlin 等任何框架SwiftUI 专属版 —— 含 Color/Font 扩展、ViewModifier、SF Symbols、触觉反馈Expo / React Native 版 ——Design Token 模块、StyleSheet、expo-hapticsJetpack Compose 版 —— Material 3 Typography、AndroidX Palette四份文件,覆盖同一个设计系统的四种实现方式。做 iOS、安卓、跨平台都有一套对应的“设计真相”。✨ 为什么它在设计圈值得关注:📚 全球最全的移动端设计系统标本。 覆盖社交、金融、健身、音乐、旅行等 11 个品类——想研究 TikTok 的标签栏怎么设计的?Notion 的行高和间距怎么算的?Spotify 的暗色模式色值是多少?打开文件直接查。🤖 喂给 AI 就是像素级 UI 生成器。 把 DESIGN.md 放到项目里,对 AI 说一句“按这个设计系统做一个播放列表页面”,出来的东西配色、字号、间距、圆角全部对得上——因为 AI 读的是规格数据,不是模糊的视觉印象。🌍 在线画廊可预览。 不需要下载文件,访问 spectr.to/gallery 就能在浏览器里浏览全部 200 个 App 的每个页面渲染效果——设计师做竞品分析、找灵感参考时可以直接在线翻阅。📝 自己也能生成 DESIGN.md。 用 spectr.to 工具录制一段 App 操作视频,它会自动提取出设计系统生成 DESIGN.md——你自己的项目、或者你想研究的 App,都可以这样“逆向提取”。📦 开源 MIT,持续扩充中。 200 个 App、800 个规范文件,还在不断加入新应用。想加某个不在列表里的 App?可以提交 Issue 请求。如果你被之前 awesome-design-md(Web 版)的实用程度惊艳过,这个 iOS 移动端版本就是它的“原生姐妹篇”——同样的格式、同样的精度、专为移动端设计。收录于设计GitHub日推

管理员 43
插件|skill 非原创
免费

3个实测好用的图文skill !

1️⃣guizang-social-card-skill内置了两套视觉系统,共用一份图文工作流:1、电子杂志风(Editorial):像 _Monocle_ / _Kinfolk_ / _Cereal_ 那样克制的版面,适合叙事、生活方式、旅行、阅读、影视、个人观察。2、瑞士国际主义(Swiss)网格、单一锚点色、直角发丝线、极致字号对比,适合产品测评、数据、方法论、教程、AI 工具。安装方式:npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill2️⃣gbro-cover-designskill 内置了 8 组按真实爆款封面逆向还原的示例提示词,模型会自动拿它们做参照,适合用于有真人出境的封面制作,冲击感很强安装方式:git clone https://github.com/pyang5166/gbro-cover-design.git \~/.claude/skills/gbro-cover-design3️⃣baoyu-skills把内容拆成 1-10 张适合小红书、小绿书、微信图文、微信贴图的图片卡片。 它有 12 种视觉风格、8 种布局、3 种配色。安装方式:npx skills add jimliu/baoyu-skills

管理员 46
插件|skill 非原创
免费

Flyfish Viewer 支持 150+ 格式文件预览

Word、Excel、PPT、PDF、OFD、CAD、3D 模型、压缩包、邮件、Markdown、音视频……全部在浏览器端完成解析和渲染。零后端依赖,一行代码集成,静态部署就能跑。

管理员 47
插件|skill 非原创
免费

一个开源的呼叫中心系统

SmartCall一个用 Java 写的呼叫中心系统,把传统电话系统和 AI 大模型揉到一块了。它能接电话、打电话、自动语音应答,还能让 AI 机器人跟客户聊天,遇到搞不定的情况再转给真人客服。无论是电商售后、金融催收、教育招生还是企业客服,SmartCall 都能通过灵活的流程编排和强大的 AI 能力,帮助企业大幅降低人工成本、提升服务效率与客户满意度。Gitee地址https://gitee.com/gdzWork/SmartCall功能特性AI 自动应答:来电先由机器人接待,用通义千问或 DeepSeek 理解客户想干嘛,支持多轮对话语音交互:实时语音识别(ASR)把客户说的话转成文字,再用语音合成(TTS)把回复读出来流程编排:拖拽式 IVR 流程设计,想怎么引导客户就怎么配,放语音、收按键、调接口、跑脚本都行人工兜底:AI 识别到负面情绪或客户要求时,自动转接真人坐席外呼任务:批量导入号码自动打出去,支持重拨策略和并发控制数据看板:通话量、接通率、AI 处理占比、坐席排名这些实时统计都有权限管理:多租户、角色权限控制,一个企业一套数据互不干扰怎么跑起来两种方式任选:单体模式(开发测试用)装 JDK 17、MySQL 8、Redis 6建两个数据库 smartaster 和 smartaster_asterisk,导入项目里 sql 目录的三个脚本改下 smart-boot 模块里的数据库连接配置mvn clean package 打包,直接 java -jar 启动,默认跑在 9999 端口微服务模式(生产环境用)额外装 Nacos 3.x 做服务注册先起基础设施:docker-compose up -d nacos sentinel把 docs/config/nacos/ 里的配置导入 Nacos再按顺序起 gateway、auth、aster、各 upms 服务、maxkb 这些模块电话线路部分需要 Asterisk 22(用 PJSIP),项目 script/asterisk 目录给了 Docker 一键部署SIP 话机或软电话注册到 Asterisk,通话走这里进来前端Node.js 18+、pnpm 9+pnpm install 后 pnpm -F @jpower/web-smart dev 起坐席端更省事的做法script/app 目录下有完整 Docker Compose 编排,一条命令能把后端、数据库、Redis 这些全拉起来开源协议遵循 Apache 2.0 协议 ,允许商业使用,但务必保留类作者、Copyright 信息。

管理员 66
插件|skill 非原创
免费

1个skill让AI生成专业的UI设计规范

Hue 是一个开源的 Meta-Skill,专为 AI 编程工具设计。它的核心能力是:给 AI 一个 URL / 品牌名 / 截图 → Hue 自动分析它的视觉语言 → 生成一套完整的 Design Skill → 后续 AI 生成的所有页面和组件自动匹配这个 UI 设计规范。它本质上是给 AI 编程工具补上了"品牌视觉上下文",解决"AI 每次生成的 UI 都是通用模板风"的问题,让 AI 始终遵守同一套设计规范。相关链接:🌐 官网:https://hueapp.io/💻 GitHub:https://github.com/dominikmartn/hue

管理员 58
插件|skill 非原创
免费

10.5K点赞的Apple风格Skill

它不是只让界面更像 Apple,比如圆角、毛玻璃、按钮样式这些表面元素。更关键的是,它把“为什么用起来舒服”拆成了 Agent 能检查的东西:按下按钮有没有回应,拖拽是不是贴手,释放时有没有惯性,动画能不能被中途打断。这个项目里有一组给 AI Agent 用的设计经验,包括整体设计工程、动画审查、动效优化,以及这次最值得看的 apple-design。进阶点在于:它把流体界面、材质层级、字体细节这些抽象审美,整理成能落到 Web 开发里的判断标准。适合做界面、改动效、审查弹窗抽屉和按钮交互的人收藏。GitHub 地址:https://github.com/emilkowalski/skills ,apple-design开源项目

管理员 57