← Back to home
Skill

Explain Interface(界面解析)

tencent_skillhub · 1.0.1 · Downloads 91 · Heat 34.7

Introduction

Explain Interface(界面解析)— 解析网页上某个效果、动画或设计系统是如何实现的,服务对象是前端开发者、设计师与做竞品/技术栈调研的人。只要用户想知道某个东西是怎么做出来的,即应触发:以「这个效果怎么做的」「这个渐变/毛玻璃/阴影是怎么实现的」「这个动画怎么搞的」「这个站用什么框架和样式方案」「扒一下这个页面的实现」「这站的设计系统长什么样」这类说法提出时同样触发,无需用户说出技能名。只回答两类问题:一是整个站点怎么搭的(框架与渲染策略、样式系统、组件库、token、字号阶梯与间距节奏、色彩体系、动效、断点、字体与图片如何加载);二是某个具体效果怎么实现的(按绘制顺序拆出图层栈,说明每层用了什么手法、承担什么观感任务)。证据分三级:实测值(从页面读到的计算样式或像素采样)、推导值(由实测算出的比例与规律)、推断值(关于意图的判断,绝不冒充事实)。能取到页面时优先用脚本化浏览器读真实绘制结果,取不到就用 HTML 与 CSS 原文互补,并说明用的是哪条路径、各自盲区在哪;手头只有截图时,产出的是「照这个样子可以怎么搭」的重建而非原实现,会明确讲明。典型话题/关键词:网页效果解析/前端逆向/实现原理拆解/渐变/毛玻璃 backdrop-filter/阴影与光晕/blur 模糊层/遮罩/滚动动效/视差/入场动画 stagger/缓动曲线 cubic-bezier/图层栈与绘制顺序/伪元素 ::before ::after/计算样式 computed style/CSS 变量与 token/设计系统/字号阶梯/间距节奏/断点与响应式/主题与深色模式/Web Font 加载/框架识别 Next.js React Vue Tailwind CSS-in-JS CSS Modules/渲染策略 SSR SSG CSR/竞品分析/网站技术栈扒站/Chrome DevTools MCP/截图还原/测量值与推断值。不做评判也不做代码生成:结尾只给可迁移的做法(图层、顺序、关键数值),不给拼装出来的仿制品。移植自 Jakub Krehel 的 interfaces 技能集(MIT 许可)。当用户提问模糊但意图指向【网页效果怎么实现/前端技术栈解析/设计系统逆向】时,主动触发本 Skill 进行引导,无需用户说出准确的命令词或技能名。

Resource Information

Author:user_8170ea13
Category:Data Analysis
Version:1.0.1
Auth: No auth
Pricing: Not specified

License information is collected from official sources and may be outdated or missing. Refer to the LICENSE file in the original repository before commercial use.

Tags
数据洞察竞品分析

Information boundary

Information on this page is collected from official documents for technical presentation only and does not imply our endorsement. Pricing, quotas and availability are subject to the latest official statements. We make no commitment regarding any action you take after leaving this site.

Similar skills

钢联AI - 智能问数

Marked paidAPI key required

大宗商品价格数据查询技能。用于查询大宗商品期现货价格、宏观经济指标、产业链供需数据、进出口库存数据、金融市场数据等。当用户询问:(1) 期货/现货价格查询,如"螺纹钢价格"、"铜期货收盘价"; (2) 历史行情或趋势分析;(3) 区域或企业价格对比;(4) 宏观经济指标,如GDP、CPI;(5) 产业链上下游数据;(6) 多市场金融数据(期权、股票、债券、外汇);(7) 结算确认单生成时触发此技能。

全能金融爬虫(新增MCP接入)

Marked paidAPI key required

中国金融机构数据爬取与分析综合 Skill v10.0.0。2334家/43大类机构名单、60+财经媒体源舆情、 A股报告/公告/研报、60+种查询9适配器金融数据(akshare/东财/yfinance/RSS/Tushare/CoinGecko/ExchangeRate 自动降级 + 缓存)、 爬取调度中心(智能选源 + 增量 + 断点续爬)、网页操作增强(Shadow DOM / iframe / Cookie / OCR / 行为 / WS)、 79 MCP 工具 + 8 Resource + 10 Prompt、类人浏览器、风险分析、定期报告解读。 🆕 v10.0.0 三轨升级(爬取调度 / 网页操作 / MCP 数据获取): 调度:CrawlerDispatcher 4 策略智能选源 + BaseScraper 协议统一 + 增量 + 断点续爬 + 反爬包裹。 网页:Shadow DOM / iframe 穿透 + Cookie Banner 自动 + 验证码 OCR(stdlib→ddddocr→tesseract)+ 人类行为轨迹 + WebSocket 监听。 MCP:Tushare / CoinGecko / Alpha Vantage / ExchangeRate 4 适配器 + LRU+TTL 缓存 + 8 Resource + 10 Prompt。 v9.0.0(承接)5 适配器 36 查询 + 反爬深度(代理/Header/指纹/节奏)+ UA 池 24。 v8.0.0(承接)反爬管道 + 数据分析增强(关键词/跨源/趋势/对标/洞察)。 触发词:爬取机构、舆情爬取、全网舆情、网页爬取、智能爬取、汇总分析、语音交互、公告下载、 券商研报、批量爬取、定时爬取、文档分析、东方财富、龙虎榜、监管动态、类人爬取、数据回测、 Shadow DOM、iframe穿透、Cookie弹窗、验证码识别、人类行为、WebSocket监听、数字货币行情、 外汇汇率、Tushare、CoinGecko、断点续爬、增量爬取、爬取调度、数据源健康。 结构化数据、期货、宏观经济、港股美股、风险指标、组合复刻、夏普比率、 多源数据、统一查询、数据源切换、免费代理、代理发现、Header随机化、指纹会话等 (完整触发词见下方 auto_trigger)。

罗斯蒙德定向舆情监测

Not specified

【罗斯蒙德定向舆情监测】南京罗斯蒙德基于已交付项目沉淀的定向舆情监测场景:用户指定监测目标与数据源,经网站定向抓取与搜索引擎双通道采集,脚本化完成去重、情感/风险/热点分析与 HTML 舆情看板展示,一套骨架参数化适配多行业。Trigger on: 舆情监测/舆情监控/定向舆情/指定网站舆情/行业舆情/舆情看板/指定来源采集/搜索引擎舆情采集/public opinion monitoring/opinion tracking/sentiment dashboard

smart-charts

Not specified

32种图表,3 个主题,2步生成: 1.上传数据 — 将 CSV / Excel / JSON 等格式的数据文件拖入对话框; 2.查看结果 — 交互式图表(HTML),可保存图表为图片.

AdMapix

Marked freeAPI key required

AdMapix 原始数据层,提供广告创意、应用、排名、下载/收入及市场元数据。返回 AdMapix API 的结构化 JSON;调用方...

论文配图一键生成

Not specified

论文配图一键生成:一条命令从 JSON/CSV/Excel 生成顶刊级学术图表,科研绘图 与期刊配图全场景覆盖。33 种图表(森林图/KM 生存曲线(自动风险表)/ROC/校准 曲线/决策曲线 DCA/列线图/火山图/雨云图/山脊图/哑铃图/游泳图(逐例时长+里程碑)/ 肿瘤缓解瀑布图/UpSet 交集/PRISMA 流程图/漏斗/BA 一致性/PCA/热图/箱线/小提琴/ 组合图/Cox 多因素回归森林图等),9 套配色(含色盲安全 Okabe-Ito 与期刊色板),9 种期刊投稿预设, YAML 流水线一条命令出全套论文图,一次渲染多格式导出(TIFF/PNG/PDF), PDF 重叠门禁,600dpi。纯本地运行,数据不出机,中文零配置。适用:写论文/ 投稿要配图、把数据变成可投稿图表、批量重出全套图。不适用:文本润色/翻译/ 改写(请用写作类工具);商业报表/仪表盘/海报装饰;无数据支撑的纯示意图。

What is a Skill

A Skill is a packaged single capability, such as text recognition, document summarization, or keyword extraction. Developers wrap the calling logic and prompts into a plugin-like unit, so users can load it without understanding the underlying model. StackPilot indexes a large number of skills that can be tried instantly or assembled into a plan.