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
前端高自主性设计规范，定义视觉参数基线，强制Next.js RSC架构、Tailwind样式及依赖检查，禁止Emoji并规范响应式布局。
需要生成符合特定审美标准的前端UI组件代码
进行React或Next.js项目的架构设计与开发
npx skills add mediago-dev/mediago --skill design-taste-frontend-v1 -g -y
针对落地页、作品集及重设计的前端技能，强调反模板化。通过读取简报推断设计方向，严格遵循受众与品牌约束，避免AI默认美学，确保输出具有独特品味且非通用模板化的界面。
需要生成高质感前端页面代码
进行UI/UX重设计优化
创建个人或企业展示型网站
npx skills add mediago-dev/mediago --skill design-taste-frontend -g -y
强制LLM生成完整代码和输出，禁止使用省略号或占位符。通过严格检查清单确保交付物完整性，并支持长输出的分步续写，适用于需要详尽、无截断结果的任务场景。
要求生成完整文件
要求提供全部组件
输出接近token限制时
npx skills add mediago-dev/mediago --skill full-output-enforcement -g -y
专注于生成AWWWARDS级别前端设计的技能，通过Python模拟随机化打破布局重复，强制AIDA结构与宽容器排版，结合GSAP高级滚动动画与无间隙Bento网格，打造电影级视觉体验。
需要高端创意前端页面设计
要求GSAP复杂滚动交互效果
避免常规UI模板和窄文本换行
npx skills add mediago-dev/mediago --skill gpt-taste -g -y
指导AI生成高端、Agency级别的UI/UX设计，涵盖字体、间距、阴影及动画规范。通过禁止通用元素和动态组合布局风格，确保输出具备奢华感与独特性，避免廉价或千篇一律的设计。
需要生成高端视觉风格的网页或应用界面
要求设计具有电影级动效和微交互的UI组件
寻求突破默认样式、追求极致美学体验的前端开发
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架构协议，规范暖色调、排版对比、Bento网格及无阴影设计，禁止通用SaaS风格元素。
需要生成极简风格的网页界面
要求特定排版和色彩规范的UI设计
npx skills add mediago-dev/mediago --skill minimalist-ui -g -y
该技能用于升级现有网站和应用的设计质量。通过扫描代码库、审计当前设计并识别通用AI模式，应用高端设计标准（如排版、色彩、阴影等）进行针对性优化，在不破坏功能的前提下提升视觉表现。
需要提升现有前端项目的设计质感
消除项目中通用的AI生成设计痕迹
优化现有的CSS样式和排版规范
npx skills add mediago-dev/mediago --skill redesign-existing-projects -g -y
为 Google Stitch 生成语义化 DESIGN.md 文件，定义字体、色彩、布局及动效等 UI 标准，确保界面高端且非通用。
需要生成或更新 Stitch 项目的视觉设计规范
要求 AI 生成符合特定审美标准的 UI 屏幕
npx skills add mediago-dev/mediago --skill stitch-design-taste -g -y
Vercel官方React与Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端渲染等67条规则，用于指导代码编写、审查与重构以提升应用性能。
编写或重构React/Next.js组件
实施数据获取策略
代码审查以发现性能问题
优化打包体积或加载速度
npx skills add mediago-dev/mediago --skill vercel-react-best-practices -g -y
通过调用 MediaGo 实例 API，实现 m3u8/HLS、Bilibili 及直链视频下载。支持自动检测视频类型、配置服务地址与密钥、创建下载任务、查询进度及列出历史记录。
download video
下载视频
m3u8 download
设置mediago地址
configure mediago
npx skills add mediago-dev/mediago --skill mediago -g -y
专注于将视觉设计转化为前端代码的专家级技能。通过先生成高质量设计图、深度分析后再实现，确保网站布局精美、可读性强且易于构建，避免通用AI生成的低质默认样式。
需要生成高保真网站UI/UX设计稿
将设计图片转换为可运行的前端代码
进行着陆页或品牌页面的视觉重构
npx skills add mediago-dev/mediago --skill image-to-code -g -y
专注生成高品质、原生风格的移动端App界面及流程概念图。适用于iOS/Android跨平台产品，强调层级清晰、视觉一致性与高端质感，严格限制为图像生成任务，不涉及代码编写或网页设计。
需要生成移动端App界面概念图
创建多屏应用流程视觉稿
制作高端手机Mockup展示图
npx skills add mediago-dev/mediago --skill imagegen-frontend-mobile -g -y
用于生成高质量前端网页设计参考图的技能，强制每区块独立输出图片。提供AWWWARDS级构图指导，打破AI默认套路，确保设计具备高转化率、视觉多样性和代码可实现性，适用于着陆页及营销站点。
需要生成网站或着陆页的设计参考图
请求将页面按区块拆分生成独立图片
寻求突破常规AI风格的UI/UX视觉方案
npx skills add mediago-dev/mediago --skill imagegen-frontend-web -g -y
