Packs

2 packs

Results for “on-page”

62 skills
More results
adobe
rollout
Deploy an entire redesigned site to AEM Edge Delivery Services by inventorying migrated pages, deduplicating blocks, and driving per-page deployment with tracking and verification.
142 · bundle
chrismccoy
page-cloner
Clones a live web page into a single self-contained working HTML file that looks and lays out like the original, then validates the clone against the original in a loop until it matches. Use whenever a user points at a live URL and wants a faithful copy with NO redesign — phrasings like "clone this page to working HTML", "copy this page exactly", "save this page as a standalone HTML file", "make me a working copy of this site", "scrape this page into one HTML file", or "clone this page as-is". Reproduces the real markup, styles, and assets verbatim, keeping the original selectors and raw CSS — it does not restyle, improve, or rewrite anything. For the same look rewritten as clean semantic Tailwind (generated selectors replaced with real utility classes), use page-tailwindify; for a rebuilt and restyled version, use page-redesigner. Requires Claude in Chrome for capturing the source page.
2 · bundle
ruslan-strazhnyk
console-error-scan
Detect JavaScript errors, warnings, and failed network requests on any page. Navigates the URL, collects console output and network failures. Uses Playwright MCP only — no signup.
theycallmeholla
ui-oddity-scan
Analyze a website page's UI for obvious oddities: the same information repeated multiple times (a phone number shown three times in the header, a '24/7' badge in two places, a bullet list restating the paragraph above it), duplicated or near-duplicate copy and sections, stray/orphaned text near CTAs, copy that doesn't match the business or section subject, placeholder text, overcrowded heroes, misaligned elements, and imagery that doesn't fit the business. Use this whenever the user asks to check, audit, review, sanity-check, QA, or 'look over' a web page, landing page, or UI — whether they give a live URL, a localhost/dev-server URL, a screenshot, or HTML/JSX/template files — even if they only say something casual like 'does this page look right?', 'find anything weird on this page', or 'anything off about my landing page?'.
0 · bundle
corezoid
simulator-smart-forms
Simulator.Company Smart Form (CDU / Script / Application) specialist. Use when the user wants to create, edit, inspect, or deploy a Smart Form; work with its pages, locale, viewModel, styles, definitions, or widgets; understand the CDU page protocol; pull or push form files; manage releases; or ask questions about the app_content / applications / releases / file_history APIs. Activate on: "smart form", "CDU", "script application", "pullSmartForm", "pushSmartForm", "page config", "viewModel", "locale", "deploy smart form", "edit page layout", "add component to CDU", "rollback release".
59
scoheart
study-viewer
Converts structured Markdown into a standalone, split-screen interactive HTML page with original text and translation on the left and a six-point linguistic analysis on the right.
2 · bundle
chrismccoy
page-tailwindify
Clones a live web page's exact look into clean, semantic Tailwind — same design, but the framework-generated selectors (css-1a2b3c, sc-bdfBwQ, jsx-hashes) are replaced with real Tailwind utility classes — then validates the rewrite against the original in a loop until it matches. Use whenever a user points at a live URL and wants the SAME design rebuilt in readable Tailwind classes, not a restyle — phrasings like "rebuild this page in Tailwind but keep the exact look", "convert this React app's styling to Tailwind classes", "clone this design into clean Tailwind", "same look, real Tailwind classes, not the hashed ones", or "de-obfuscate this page's classes into Tailwind". For a byte-exact clone that KEEPS the original ugly selectors, use page-cloner. For a redesign that changes the look, use page-redesigner. Requires Claude in Chrome for capturing the source page.
2 · bundle
scoheart
firecrawl-map
Discovers and lists all URLs on a website, with optional search filtering to find specific pages within large sites.
2
samuelpatro
real-prototype
Implements multiple design variations directly on the real page of a running app, with a live switcher to toggle between them in the browser, then recommends one and integrates it into the codebase.
2
scoheart
tavily-extract
Extracts clean markdown or text from one or more URLs using the Tavily CLI, with support for JavaScript-rendered pages and query-focused chunking.
2
ruslan-strazhnyk
i18n-rtl-audit
Audit a page for internationalization readiness — layout breaks under long translations (pseudo-localization), RTL rendering issues, hardcoded UI strings, and missing lang/dir attributes. Playwright MCP only, no signup.
dvcrn
astro
Deploy multilingual static websites for free on Cloudflare using the Astro framework, with support for i18n content, content collections, and direct or Git-based deployment.
32 · bundle
akillness
moli
Drive Moli (`moli`), Lexmount's open-source headless browser for AI agents, built around on-demand rendering: real JavaScript, DOM, and CSS by default, with layout and pixels computed only when explicitly requested via `--layout`. Use when the user wants to fetch/extract a live JavaScript-rendered page as Markdown/HTML/JSON/semantic-tree, capture a screenshot or PDF, run a small bounded crawl, start a CDP/WebDriver automation server for Playwright/Puppeteer, replace a Chromium/ChromeDriver dependency, or diagnose readiness/network/frame issues on a rendered page. Triggers on: "moli fetch", "moli serve", "headless browser for agents", "on-demand rendering browser", "CDP server without Chrome", "structure-first web scraping", "Lexmount browser", "moli-webfetch", "moli-cdp-server".
42 · bundle
adobe
reskin
Rebuild existing site pages with byte-faithful content on a separately-defined donor design system, preserving text, images, and metadata while applying a new visual design.
142 · bundle
mineru98
issue-viz
issue-onboard 그래프를 오프라인 HTML과 webp 이미지로 렌더합니다. "이슈 그래프 그려줘", "DAG 시각화", "그래프 이미지", "$issue-viz" 요청에 사용합니다.
13 · bundle
github
ui-screenshots
Capture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow that avoids slow re-screenshots.
36.2k
adobe
page-prep
Detects and removes disruptive overlays (cookie banners, modals, paywalls, login walls) from webpages before screenshots, scraping, or browser automation.
142 · bundle
jiaiyan
n-page-header
Page header component for page titles with navigation and content slots. Invoke when user needs page headers, breadcrumb navigation, or page title sections in Naive UI.
8
mineru98
issue-onboard
GitHub 이슈 그래프를 읽어 현재 작업 맥락, 우선순위, 시각화, 다음 행동을 한 번에 안내합니다. "무엇부터 할까", "이슈 온보딩", "이슈 현황", "다음 작업 추천", "그래프 보고 시작", "$issue-onboard" 요청에 사용합니다. 그래프가 없으면 issue-sync로 완전 스냅샷을 만든 뒤 HTML·이미지와 최대 6개의 우선순위를 보여 주고, 착수·열린 PR 병합·새 이슈 등록 중 다음 행동을 묻습니다.
13 · bundle
nexu-io
waitlist-page
Generates a minimal pre-launch waitlist landing page with email capture, logo, and decorative layers.
· bundle
alirezarezvani
landing
Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forces structured intake (product pitch, audience, brand, tone) before generating copy or markup.
20.4k · bundle
infometa
smart-page
腾讯文档智能页面(Smart Page)是可交互在线汇报网页生成工具,适用于汇报、述职、周报、复盘、数据看板、课件、培训、调研报告、会议纪要和本地 HTML 上云。区别于 PPT 与普通网页,内置叙事骨架、动效模板,生成后可在线编辑、分享并沉淀到腾讯文档。
228 · bundle
openagentinternet
metabot-metaapp
Use when an agent needs to design or build Agent Internet MetaApps, convert a local static HTML site, frontend project, or ZIP into an on-chain MetaApp, create Bot homepage/Bot Page MetaApps from Bot Homepage v3 data, or preview, publish, update, share, view, delete, or comment on MetaApps through Open Agent Connect.
6
infometa
shippage
Publish HTML or Markdown to a public URL instantly with ShipPage. Use when a user wants to share, preview, host, or deploy generated pages, reports, dashboards, prototypes, docs, or product listings.
228 · bundle
bog5d
claude-design
Design one-off HTML artifacts (landing, deck, prototype).
0
saranskumar
frontend-architecture-planner
Use when the team needs route structure, feature modules, design-system boundaries, and frontend responsibilities for a React, Next.js, or Tailwind application. Trigger on requests about frontend architecture, app structure, pages, modules, or client-side delivery planning.
0
affaan-m
motion-patterns
Provides copy-paste animation patterns for React and Next.js, including buttons, modals, toasts, stagger lists, page transitions, scroll reveals, and layout animations, all built on motion-foundations tokens.
226k
lingxling
seo
Runs a broad SEO audit covering technical SEO, on-page SEO, schema, sitemaps, content quality, AI search readiness, and GEO, with a weighted health score and prioritized action plan.
253 · bundle
iamanacarolinarezende
ui-a11y
Audits components and pages for WCAG 2.2 AA accessibility issues, focusing on touch targets, focus states, contrast, labels, and reduced motion, with practical code fixes.
0
scoheart
firecrawl-interact
Controls a live browser session on scraped pages to click, fill forms, navigate flows, and extract data using natural language prompts or code, including support for authenticated sessions via profiles.
2