Web & Frontend
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
-
patsnap Bundle Litigation Risk Monitor涉诉专利风险监测与同族扩展分析技能。触发场景:用户提供目标申请人名单(1~N 个,中英文均可),希望自动检索这些申请人名下的涉诉专利,做 INPADOC 同族扩展,结合 Patsnap legal 模块与 web.search 公开诉讼信息双向交叉,输出同族基础分析(地域/技术点/法律状态/审查历史)、诉讼时间线(含涉案专利号)、涉诉案件深度分析(原被告/案号/进程/争议焦点/抗辩/结果)、核心发明人近 3 年延伸分析,并生成单一 HTML 报告 + 结构化 JSON/CSV 附件,给出地域风险、应诉预警、趋势预测三维结论。不适用于:单件专利新颖性/创造性分析(路由 novelty-check / non-obviousness-check)、纯 FTO 法律意见、无申请人名单的开放式情报、与"涉诉专利同族 + 诉讼案件 + 发明人趋势"无关的一般性问答。
-
patsnap Skill Patent Portfolio Report麦肯锡标准·专利组合解读分析报告交付Skill。输入分析标的(企业名称/专利清单/技术领域/竞争对手)及客户核心诉求,严格遵循10步SOP,按九大模块输出完整中文HTML专利组合分析报告,内含核心专利技术拆解可视化图、麦肯锡深蓝配色体系、金字塔原则排版。所有专利数据强制通过Patsnap实时检索,每模块末尾列明检索式备注。集成novelty-check、non-obviousness-check、triz-analysis、patsnap-mckinsey-sales-insight、patsnap-visit-strategist子技能流水线。适用场景:IPO尽调、并购估值、研发战略、337诉讼应对、企业出海布局、行业竞争格局分析。触发关键词:专利组合分析、专利尽调报告、专利价值评估、专利竞争格局、核心专利拆解、IPO知识产权尽调、专利战略报告、专利组合解读、麦肯锡专利报告。
-
patsnap Skill Patent Research Analyst科研立项专利检索与分析 Agent——输入技术问题与初步技术方案,自动执行「信息收集→多轮专利检索→五维分析(技术路线/立项查新/FTO风险/竞对跟踪/新公开专利)→HTML+Word双格式报告输出」全流程。融合 Patsnap 智慧芽全球专利数据,生成包含7章正文+3个附录的完整专利分析报告。触发词:专利检索分析、立项查新、FTO分析、技术路线分析、竞对跟踪、专利风险排查、帮我做专利检索。
-
patsnap Skill Product Feature Patent Finder通过产品特性描述调研关键技术、检索相关专利并生成含产品资料与专利相关性评分的 HTML 报告。
-
patsnap Bundle Create Fto Screening Report IpCreate a traceable, screening-level freedom-to-operate report from a supplied risk-point Word document and user-approved Patsnap search expressions. Use when a patent analyst, IP team, product counsel, or R&D owner needs structured feature extraction, Patsnap patent retrieval, claim-data collection, claim-limitation comparison, candidate risk triage, HTML/DOCX reporting, and evidence JSON. Supports a bundled global Patsnap REST workflow or normalized evidence from verified Patsnap MCP connectors. The output is an FTO screening, not a legal clearance opinion.
-
patsnap Bundle Create Patent Search Report IpCreate the final evidence-backed patent-landscape insight report from validated search, statistics, taxonomy, patent-package, and human-tagging artifacts. Use at Stage 4/4 of the create-patent-landscape-overview-ip suite to aggregate a large tagged patent pool safely, synthesize technology evolution and branch-level value signals, translate patent-package evidence into bounded user actions, and write report_manifest.json plus one self-contained scientific HTML report.
-
patsnap Bundle Patent Inventor Profile Report高质量技术人才科创能力画像HTML报告生成器(v7.5.1正式版)。输入发明人姓名+所属机构,自动执行多维专利数据检索与分析,生成深蓝色现代科技风格的完整HTML画像报告。每次输出强制以zhang_xian_profile_20260528为黄金标准模版执行格式规范,不可降级、不可跳过任何格式要素。综合评级体系采用S/A/B/C四级(最高为S级·卓越科创领军人才,严禁使用0级)。Step1/Step2专利超过100件时强制分页返回全量数据(循环分页,≤1000件上限,不可抽样替代)。
-
patsnap Skill Assess Technology Market And Patent Landscape IpAssess a defined product or technology field for project initiation by combining current market evidence, a reproducible global patent landscape, individually validated key players, technical themes and gap hypotheses, jurisdictional filing footprint, competitive tiers, risks, and differentiated project options in a self-contained scientific HTML report. Use for technology-market landscape, patent landscape, opportunity mapping, or R&D project-entry decisions.
-
patsnap Skill Adc Patent Weekly ReportADC专利情报周报生成器:检索指定自然周内WO受理局公开的ADC专利,两轮过滤去噪,P025三要素+AI洞察改写,生成复刻Eureka Desktop固定版式的HTML周报(Codex适配版,v6.4-codex)
-
patsnap Bundle Analyze Patent Family IpAnalyze a patent family from a patent identifier or Patsnap patent URL by defining the family scope, reconstructing priority and procedural relationships, comparing technical disclosures and claim focus, mapping themes, and generating a source-traceable offline HTML report. Use when a patent analyst asks for family structure, member comparison, jurisdictional filing footprint, claim evolution, or technical chronology.
-
patsnap Bundle Competitive Intel Report汽车NVH声学密封与结构增强件竞争情报HTML报告生成器。输入我方公司名称、竞争对手列表及专利检索结果,自动生成与V12版本风格完全一致的浅色交互式HTML情报简报,内嵌纯CSS图文图表(无外部依赖)、执行摘要KPI直展详情、SWOT分析、专利全景对比、威胁矩阵、应对建议等10大模块,所有专利链接可直接跳转智慧芽Patsnap。
-
patsnap Skill Enterprise Patent Report基于智慧芽Patsnap数据,为企业生成完整的专利战略研究报告(HTML格式,常规报告排版)。涵盖公司概况、核心竞争力、竞争格局、市场机会、核心风险、战略建议、智慧芽解决方案八大部分,每个主张均有专利/文献证据支撑。
-
patsnap Bundle Market Demand Assessment产品市场需求调研——中节能万润市场部专用。对客户询价需求进行系统性预筛选评估,通过四关决策流程(信息核验→产品归类→五维评分→成本预估)判断是否推送给研发部门,输出可视化HTML分析表单。
-
patsnap Bundle Oled Intelligence Portal输入任意技术领域关键词(如"OLED"、"固态电池"、"mRNA疫苗"),自动生成该领域的情报简报门户(HTML网站)。监控的企业和技术分支由AI模型自动检索和拆解,新闻由智慧芽新闻向量检索自动获取,专利使用关键词扩展后在智慧芽专利数据库直接检索。当用户说"生成XXX情报门户"、"XXX领域情报简报"、"帮我监控XXX技术"时触发。
-
patsnap Skill Review Korean Patent Claims IpReview claims in a Korean patent application or a foreign or PCT application intended for Korea. Use when users need an evidence-backed assessment of Korean claim compliance, claim architecture, scope strategy, drafting and translation quality, examination risk, novelty or inventive-step risk, amendment options, or filing readiness, with a structured English or HTML report.
-
patsnap Bundle Disclosure Completion Assistant一款面向专利代理机构、发明人和研发团队的双语专利披露补全助手。它提供一个独立的面向客户的 HTML 指南,通过结构化的 7 步流程收集发明信息,对粗略的研发笔记进行 AI 补全,并生成结构化的发明披露草稿供专利律师审阅。
-
patsnap Bundle Patent Panorama Insights Report在专利全景项目的环节 4/4(环节4)使用本技能。它会把环节2统计/价值信号、环节3标引体系(tech_breakdown / key_questions / patent_packages)以及 SaaS 回流的 tagged_pool 转化为技术演进路线、护城河/价值交叉解读,并生成自包含 HTML 洞察报告(report.html + report_manifest.json)。
-
kevin204816 Bundle Research HTML Report单页研究报告 HTML 生成器(编辑研究风:浅纸底 #fafaf8 + 国际蓝 #002FA7 + JetBrains Mono 编号 + 细边框卡片 + Chart.js)。 当用户要产出公司调研、企业尽调、行业研究、产业链分析、竞品分析、赛道研判、政策解读、商业分析、 拜访沟通简报等单页 HTML 报告时触发;典型表达如"出一份 XX 公司调研报告""做成 HTML""分析一下这家公司/这个行业 给老板看""调研简报"。产出为零构建依赖的单个 .html 文件(CDN 引 Chart.js),写入用户指定的输出目录 (默认项目下的 产出/ 目录,没有则用当前工作目录)并自动打开。 用户明确指定其他风格(PPT、Word、纯白底个股报告、其他模板)时听用户的。
-
maticijus Skill Inkluso Eaa ScanAudit a public website for EU EAA / WCAG 2.1 AA / national law (CZ 424/2023, DE BFSG, PL ustawa 26.04.2024). Use when the user needs accessibility findings, a statement draft, a Shoptet e-shop check, or a paid audit/monitoring checkout link. Calls the live Inkluso API/MCP. Not a substitute for a full legal audit.
-
patsnap Skill Patent Management System企业专利管理系统构建助手 —— 基于智慧芽 Patsnap API,为合成生物学/生命科学企业自动构建完整专利管理系统,输出单文件 HTML 可视化系统。
-
patsnap Bundle Patent Panorama Analysis专利技术全景分析报告自动生成。用户上传专利数据Excel表格(含标题、申请人、申请日、法律状态、受理局、被引次数等字段)和技术拆解Excel表格后,自动分析专利数据并生成可编辑的HTML全景分析报告。 报告包含5大模块:技术概况分析、重点技术分支分析、竞争对手分析、专利风险分析、企业专利布局建议。 触发条件:当用户提及"专利分析""技术全景分析""专利全景报告""专利布局分析""CMC专利分析""专利竞争分析""专利风险""FTO分析""技术分解""专利趋势"等关键词时自动触发。也适用于用户上传专利数据Excel并要求生成分析报告的场景。
-
patsnap Bundle Patent Panorama Insights当用户需要基于 Patsnap 或智慧芽专利 MCP/API 数据开展专利全景、专利版图、竞争专利情报、技术路线图、组合规划、产品/R&D 策略项目时使用本技能——无论用户显式调用 /patent-panorama-insights(或 @patent-panorama-insights),还是用自然语言描述这类专利分析任务。本技能编排五层流水线:环节1检索与降噪(patent-panorama-insights-search)、环节2全景统计与价值挖掘(patent-panorama-insights-stats)、环节3标引体系推荐(patent-panorama-insights-tag)、客户 SaaS 工具中的人工标引交接,以及环节4有证据支撑的单文件 HTML 报告(patent-panorama-insights-report),并管理各层之间的检查点、人工标引交接、回滚和进度汇报。
-
patsnap Skill Create Company Patent Profile IpCreate an evidence-backed executive company patent-strategy report in a continuous-scroll HTML format. Use when a CEO, general manager, board, strategy team, R&D leader, or IP team needs an eight-part profile covering executive findings, company and product context, technical strengths, competitive landscape, market opportunities, core risks, strategic recommendations, and—only when approved current materials are supplied—an aligned Patsnap solution section. Bind every material claim to patent, literature, standard, policy, company, or market evidence and label unsupported claims Unverified.
-
patsnap Skill Pharma Conference Insight Report医药行业顶级会议洞察与战略分析报告生成器:面向药企战略决策层,输入目标企业信息,自动检索AACR/ASCO/CSCO等顶会最新数据,生成覆盖大会洞察、技术趋势、瘤种格局、靶点竞争、竞争对手深度分析、战略白点、BD信号、战略建议、风险监测的完整HTML战略报告,内嵌Chart.js交互图表与15+酷炫动效。
-
patsnap Skill Pharma Project Initiation Report生成药物、靶点或适应症的生物医药立项调研报告。基于 Patsnap/Life Sciences 证据调研 drug、target、disease、治疗靶点、药物资产、适应症、竞品管线、专利/FTO、BD交易、临床试验、安全性、市场空间、中国监管路径,并交付带来源 KPI、质量门禁、GO/NO-GO 结论和 90 天行动计划的专业 HTML 报告。
-
zytedata Bundle Scrape 4Build a full-site or multi-page Scrapy spider to get structured data from a website, in a new project or added to an existing one. Do not use for analyzing locally saved HTML, fixing or debugging an existing spider, schema-only or existing-spec work, Scrapy Cloud operations, or advisory questions.
-
zytedata Bundle Scrape Plan 2Plan a web scrape and author a validated extraction spec — explore a detail page, discover fields, confirm the schema, then validate it with more pages, HTML-variant comparison, extracted values, and an optional browser review, and present the plan for approval.
-
devotionn Skill Design ComponentDesign Component
-
devotionn Skill Accessibility AuditAccessibility Audit
-
beautify-site Bundle Beautify SiteUse when the user wants a website, page, or UI to look better — "make this site look better", "beautify my landing page", "redesign this UI", "make it look professional", "this page looks bland/generic/cheap", "polish the design", "make it look expensive", "make it extravagant". Runs one ordered pipeline — pin a design direction, fit components to it, layer motion, then strip every AI tell in a mandatory final pass. Bold and extravagant by default. Fully self-contained — every helper tool is optional with a documented fallback. Produces a persisted design-system MASTER.md plus implemented, accessibility-checked, AI-tell-free UI.
-
sugawaramasaya Bundle Design Check画像/PDFのデザインを重心・大きさ・カーニング・色の4観点で定量解析し、修正案シミュレーション付きのHTMLレポート(Artifact)とターミナル要約を出力するスキル
-
asek-studio Skill Catalog PageCreate and verify a local product-page draft from the fictional Avocado pottery catalog. Use when asked to draft a catalog product page with the teaching MCP tools; not for a live shop, payment, deployment, or arbitrary HTML.
-
littlebeaverstudio Bundle Kingdee Data Analyzer金蝶云星空经营数据分析技能。仅当用户明确要求分析金蝶云星空或 K3 Cloud 的库存、采购订单、销售出库、开票、结算等经营数据时使用;可读取 kingdee-data-exporter 导出的 Excel,也可自动调用同级导出技能实时取数,并生成 HTML 报告、全量明细 Excel 和结构化 JSON。
-
carolz1 Bundle MarkitdownConvert documents to Markdown (PDF, Word, Excel, PowerPoint, HTML, CSV, images OCR, audio) with Microsoft MarkItDown for AI/RAG ingestion. Use when the user asks to convert files to markdown, extract document content, read or parse PDF/Word/Excel/PPT, 转换文件为 Markdown, 提取文档内容, 读取 PDF/Word/Excel/PPT, 文档转文本. Includes safe local conversion, batch workflows, environment check, and an offline fallback when markitdown is missing.
-
anilabhabaral Skill Oracle Xstream Diagnostics Report AnalysisPerform structured technical analysis of Oracle XStream CDC diagnostic HTML reports (generated by orclcdc_diag.sql) for Kafka Connect Source Connectors. Use whenever the user provides, uploads, or references an XStream/orclcdc_diag diagnostics report and wants a health assessment, bottleneck identification, root-cause diagnosis, or prioritized remediation steps for Oracle XStream CDC / Confluent Oracle XStream CDC Source Connector issues.
-
unclecheng-li Bundle Video Shot Demos 2为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画(分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头)。只要用户提到:给视频做演示动画网页、分镜 HTML、shot 页面、把口播稿/大纲做成动画、视频画面设计网页版、录一段网页动画、或要求改造升级一批已有演示页——就用本 Skill。核心是统一的电影化播放器机制 + 每页完全不同的视觉风格 + 镜头语言 + 同步音效 + 角色表情吐槽,内容完全开放不设限。
Frequently asked questions
What are Web & Frontend agent skills?
Web development agent skills handle frontend and full-stack work: component patterns, CSS and accessibility fixes, performance budgets, and framework conventions. Install a skill once and your AI agent follows the same playbook in every project, from quick prototypes to production apps.
Which Web & Frontend skills are most installed?
Popular Web & Frontend skills on SkillMD right now include litigation-risk-monitor, patent-portfolio-report, patent-research-analyst. Rankings shift as installs change; sort this page by "Most installs" for the live list.
Do Web & Frontend skills work with Claude Code and Cursor?
Yes. Every skill here ships as a SKILL.md file, an open format that works in Claude Code, Claude.ai, Cursor, Codex, Windsurf, and 60+ other agents. Install one with npx skillmds@latest add <owner>/<name>, or copy the file into your agent's skills directory.