“media” 共 40 个结果
io.github.alas-poor-ophelia/windrose-md/css-modern-features
只要在编写、评审或重构任何 CSS 就应使用本技能，无论是纯 .css 文件、styled-components、CSS Modules、Tailwind 任意值、React/Vue/Svelte 中的内联样式或其他任何前端场景。它确保在浏览器支持范围内尽量使用现代 CSS 特性 —— 例如 clamp()、:has()、容器查询、OKLCH 颜色、滚动驱动动画、锚点定位、@starting-style、light-dark()、text-wrap: balance 等。任何触及 CSS 的场合（哪怕是间接场景，例如需要自适应尺寸、主题系统、动画或布局）都应触发。当项目浏览器目标已支持原生现代 CSS 特性时，不要退回 px 媒体查询、JS 驱动动画或 CSS-in-JS 变通方案等旧模式。
io.github.thedaviddias/Front-End-Checklist/font-size
适用于所有 CSS font-size 声明，尤其是正文、UI 标签和导航中用 px 单位定义字号的场景。审查移动端响应式与可访问性合规时使用。注意检查小屏媒体查询中的 font-size。
io.github.thedaviddias/Front-End-Checklist/orientation
审查移动优先布局、平板体验、全屏流程、表单、仪表盘或媒体类界面时使用。在竖屏与横屏下检查实际渲染行为，区分真正的布局约束与不必要的方向假设。
io.github.danielmiessler/LifeOS/Apify
通过 Apify actor 抓取社交媒体平台、商业数据与电商内容——Instagram 资料/帖子/话题标签/评论、LinkedIn 资料/职位/帖子、TikTok 资料/话题标签/视频/评论、YouTube 频道/搜索/评论、Facebook 帖子/群组/评论、Google Maps 商家搜索并提取联系方式/评论/图片、Amazon 商品/评论/价格，以及配合自定义 pageFunction 提取逻辑的通用多页网页爬取。基于文件的 TypeScript 封装（scrapeInstagramProfile、searchGoogleMaps、scrapeAmazonProduct、scrapeWebsite 等）在返回模型上下文前于代码中过滤与转换数据，相比直接走 MCP 协议可节省 95-99% 的 token。通过 Promise.all 并行查询多平台，支撑社媒监听看板。线索富化流水线：Google Maps → 合格过滤 → 可选 LinkedIn 富化。可同时在 Instagram、YouTube、TikTok 上做竞品分析。适用场景：抓取 Instagram、抓取 LinkedIn、抓取 TikTok、抓取 YouTube、抓取 Faceboo
io.github.danielmiessler/Personal_AI_Infrastructure/Apify
通过 Apify actor 抓取社交媒体平台、商业数据与电商内容——Instagram 资料/帖子/话题标签/评论、LinkedIn 资料/职位/帖子、TikTok 资料/话题标签/视频/评论、YouTube 频道/搜索/评论、Facebook 帖子/群组/评论、Google Maps 商家搜索并提取联系方式/评论/图片、Amazon 商品/评论/价格，以及配合自定义 pageFunction 提取逻辑的通用多页网页爬取。基于文件的 TypeScript 封装（scrapeInstagramProfile、searchGoogleMaps、scrapeAmazonProduct、scrapeWebsite 等）在返回模型上下文前于代码中过滤与转换数据，相比直接走 MCP 协议可节省 95-99% 的 token。通过 Promise.all 并行查询多平台，支撑社媒监听看板。线索富化流水线：Google Maps → 合格过滤 → 可选 LinkedIn 富化。可同时在 Instagram、YouTube、TikTok 上做竞品分析。适用场景：抓取 Instagram、抓取 LinkedIn、抓取 TikTok、抓取 YouTube、抓取 Faceboo
io.github.MiniMax-AI/skills/frontend-dev
融合高端 UI 设计、电影感动画、AI 生成媒体素材、说服力文案与视觉艺术的全栈前端开发。构建完整、极具视觉冲击力的网页，使用真实媒体、高级动效与打动人心的文案。适用场景：构建落地页、营销网站、产品页、仪表盘，生成媒体素材（图/视频/音频/音乐），撰写转化文案，创作生成艺术，或实现电影感滚动动画。
io.github.schalkneethling/masonry-gridlanes-wc/css-shared-first
编写响应式样式时应用 Shared First CSS 方法论。凡编写或审查涉及媒体查询、响应式布局、视口特定覆盖或断点驱动设计的 CSS 都应使用。当用户要求编写响应式 CSS、重构移动优先 CSS，或组件/布局含视口特定样式时触发。本技能取代移动优先的模式指导——除非用户明确要求移动优先，否则一律优先 Shared First。
io.github.UnicomAI/wanwu/frontend-dev
融合高级 UI 设计、电影感动效、AI 生成媒体素材、有说服力的文案与视觉艺术的全栈前端开发。用于构建视觉冲击力足、带真实媒体、高级动效与出色文案的完整 Web 页面。适用场景：制作落地页、营销站点、产品页、仪表盘，生成媒体素材（图片/视频/音频/音乐），撰写转化文案，创作生成艺术，以及实现电影感滚动动效。
io.github.Lionad-Morotar/local-tools/css-responsive
运用容器查询、流式排版、响应式图片、逻辑属性、视口单位、内在尺寸与偏好查询的现代响应式设计，优先使用容器查询而非媒体查询。当用户询问响应式 CSS、响应式设计、移动端布局、流式排版、响应式图片、暗色模式、prefers-reduced-motion 或自适应设计时使用。
io.github.Lionad-Morotar/local-tools/css-refactor
将旧式 CSS 升级到现代标准。扫描样式表中的过时模式（float、clearfix、厂商前缀、旧 flexbox 语法、px 媒体查询、@import、滥用 !important）并替换为现代写法；引入层叠层级、抽取设计令牌并合并冗余。在重构 CSS、现代化样式表、升级旧代码、移除厂商前缀或用 grid/flexbox 取代 float 时使用。
io.github.danielmiessler/LifeOS/Apify
通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。
io.github.danielmiessler/Personal_AI_Infrastructure/Apify
通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。
io.github.wanikua/danghuangshang/browser-use
为 Instagram、LinkedIn 和 X 的社交媒体管理自动化浏览器操作。支持发帖、私信、好友请求、线索抓取与监控。当用户需要在获准访问的网站上浏览、交互或提取数据时使用。
io.github.danielmiessler/LifeOS/Apify
通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。
io.github.danielmiessler/Personal_AI_Infrastructure/Apify
通过 Apify actor 抓取社交媒体、商业数据与电商内容——附带 actor 目录自动更新工作流。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取、Apify、更新 Apify actor、社媒抓取、线索生成、网页爬虫。
io.github.danielmiessler/LifeOS/Apify
通过 Apify actor 抓取社交媒体、商业数据与电商内容。适用场景：Twitter、Instagram、LinkedIn、TikTok、YouTube、Facebook、Google Maps、Amazon 抓取。
