Agent Skills
› mediago-dev/mediago
mediago-dev/mediago
GitHub高端品牌视觉生成技能，用于创建专业级品牌指南、Logo系统及身份演示板。遵循极简、电影感与战略导向原则，输出高质量、具有强烈象征意义的品牌世界图像，避免通用设计。
Install All Skills
npx skills add mediago-dev/mediago --all -g -y
Skills in Collection (15)
高端品牌视觉生成技能，用于创建专业级品牌指南、Logo系统及身份演示板。遵循极简、电影感与战略导向原则，输出高质量、具有强烈象征意义的品牌世界图像，避免通用设计。
需要生成品牌标识系统
制作高端品牌指南或演示文稿
设计Logo概念及视觉规范
npx skills add mediago-dev/mediago --skill brandkit -g -y
前端视觉设计技能，定义高表现力UI的基线参数与React/Next.js开发规范。强制依赖检查、RSC隔离、Tailwind样式及反Emoji策略，确保高质量前端实现。
需要生成或审查前端UI代码
调整前端视觉风格参数
npx skills add mediago-dev/mediago --skill design-taste-frontend-v1 -g -y
面向落地页、作品集及重设计的前端技能，通过解读需求简报推断设计风格，避免模板化输出，确保界面美观且符合目标受众与品牌约束。
生成营销落地页前端代码
构建个人作品集网站
对现有前端页面进行视觉重构或优化
npx skills add mediago-dev/mediago --skill design-taste-frontend -g -y
强制LLM生成完整代码，禁止占位符和截断，支持长输出分段续传，确保交付物完整性。
需要完整代码实现
防止内容被截断
要求不省略任何部分
npx skills add mediago-dev/mediago --skill full-output-enforcement -g -y
专注生成AWWWARDS级前端设计，通过Python随机化布局、严格AIDA结构及GSAP动效，解决排版缺陷与重复问题，打造高创意、零间隙的响应式页面。
需要高端UI/UX设计代码
要求复杂的GSAP滚动动画
优化网页布局与间距
npx skills add mediago-dev/mediago --skill gpt-taste -g -y
指导AI生成高端、非通用的UI/UX设计，通过禁用廉价默认值并强制使用特定字体、间距和微交互，实现类似顶级代理公司的精致视觉效果。
需要提升界面美观度
生成前端组件代码
设计高保真原型
npx skills add mediago-dev/mediago --skill high-end-visual-design -g -y
工业粗野主义UI技能，融合瑞士排版与军事终端美学。通过刚性网格、极端字体对比及模拟模拟退化效果，构建高密度数据仪表盘或编辑类网站，强调机械精度与原始功能感。
需要工业风或军事终端风格的界面设计
构建高数据密度的仪表盘或作品集
npx skills add mediago-dev/mediago --skill industrial-brutalist-ui -g -y
定义高端极简主义UI生成规范，涵盖排版层级、色彩及布局约束，禁止通用组件与渐变阴影，旨在打造类似顶级工作区平台的纯净编辑风格界面。
需要生成极简风格网页界面
要求使用特定字体和配色方案
避免通用SaaS设计趋势
npx skills add mediago-dev/mediago --skill minimalist-ui -g -y
对现有网站和App进行设计审计，识别并消除通用AI风格，应用高端设计标准提升视觉质量，同时保持功能完整性和兼容性。
需要升级现有项目的设计质量
消除项目中通用的AI生成设计痕迹
npx skills add mediago-dev/mediago --skill redesign-existing-projects -g -y
为Google Stitch生成语义化DESIGN.md文件，规范UI设计标准，涵盖排版、色彩、布局及动效，确保生成界面高端且非通用。
需要为Stitch项目定义视觉设计规范
生成或更新DESIGN.md配置文件
npx skills add mediago-dev/mediago --skill stitch-design-taste -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等67条规则，用于指导代码编写、审查与重构以提升应用性能。
编写或审查React组件和Next.js页面
进行数据获取逻辑实现
重构现有代码以优化性能
优化Bundle大小或加载速度
npx skills add mediago-dev/mediago --skill vercel-react-best-practices -g -y
通过调用 MediaGo 实例 API，实现 m3u8/HLS、Bilibili 及直链视频下载。支持自动识别类型、任务状态查询及配置管理。
download video
下载视频
m3u8 download
设置mediago地址
npx skills add mediago-dev/mediago --skill mediago -g -y
面向视觉优先的Web前端开发，通过先生成并分析设计图像，再将其转化为高质量、可实现的代码。适用于着陆页、产品页等需要高视觉质量的场景。
生成网站落地页或营销页面
将设计图转换为前端代码
创建具有高级艺术指导风格的网页
npx skills add mediago-dev/mediago --skill image-to-code -g -y
专为iOS、Android及跨平台移动应用生成高端原生屏幕概念与流程图的图像技能，强调层级清晰、一致性、受控配色及精美手机样机展示，严禁代码生成。
需要生成移动端App界面设计图
需要制作App功能流程图视觉稿
需要创建具有高级感的移动产品原型图像
npx skills add mediago-dev/mediago --skill imagegen-frontend-mobile -g -y
用于生成高质量前端落地页设计参考图的技能，强制按区块拆分输出，强调构图多样性和品牌一致性，为开发者提供可实现的视觉方案。
需要生成网站落地页或营销站点的UI设计参考图
要求将页面按区块拆分为多个独立的设计稿图像
npx skills add mediago-dev/mediago --skill imagegen-frontend-web -g -y
