debugging-output-and-previewing-html-using-ray
Use when user says "send to Ray," "show in Ray," "debug in Ray," "log to Ray," "display in Ray," or wants to visualize data, debug output, or show diagrams in the Ray desktop application.
typst-grammar-authoring
Use when authoring or validating Typst documents from canonical grammar examples, especially when you need compile, HTML, or SVG-based validation workflows.
fylgja-css
Guidance on using the Fylgja CSS library, its class-less base, design tokens, dynamic utilities, and native HTML components. Trigger when the user wants to use Fylgja CSS for styling.
blog
Full-lifecycle blog engine with 17 commands, 12 content templates, 5-category 100-point scoring, and 4 specialized agents. Optimized for Google rankings (December 2025 Core Update, E-E-A-T) and AI citations (GEO/AEO). Writes, rewrites, analyzes, outlines, audits, and repurposes blog content with answer-first formatting, sourced statistics, Pixabay/Unsplash/Pexels images, AI image generation via Gemini, built-in SVG chart generation, JSON-LD schema generation, and freshness signals. Supports any platform (WordPress, Next.js MDX, Hugo, Ghost, Astro, Jekyll, 11ty, Gatsby, HTML). Use when user says "blog", "write blog", "blog post", "blog strategy", "content brief", "editorial calendar", "analyze blog", "rewrite blog", "update blog", "blog SEO", "blog optimization", "content plan", "blog outline", "seo check", "schema markup", "repurpose", "geo audit", "blog audit", "citation readiness".
openpaper
Generate a personalized newspaper-style digest from any news sources. Use this skill whenever the user wants to read news, set up news sources, get a daily digest, curate articles, generate a newspaper, create a morning briefing, manage their reading preferences, or says things like "make my paper", "what's new today", "add a news source", "show me the news", or "update my preferences". Also use when the user mentions OpenPaper, newspaper layout, or news curation. This skill handles the full pipeline: adding sources (writing fetchers), curating content, and rendering beautiful HTML newspaper editions.
clips · è§é¢åªè¾(**å¿ è·å® 6 æ¥ Â· ä¸å 许ä¸é stop**)
NextFrame å®æ´ clips pipelineã**6 æ¥å ¨è· · æ¯æ¥ Bash ä¸æ¬¡ tool · ä¸ç´èµ°å° karaoke HTML**ã
alpha-insights
Business Analyst Skill. Triggered when users ask about business analysis, industry research, competitive analysis, product analysis, business model analysis, business opportunity discovery, market entry strategy, investment decisions, strategic planning, due diligence, and other strategic topics. Delivers in-depth, decision-grade HTML research reports through a seven-stage workflow (Briefing â Framing â Planning â Research â Insights â Report â Iteration).
PageDrop MCP
Deploy and manage instant HTML sites with paste, upload, and ZIP deploy
solo-artifacts
Use when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside Solo.
justSkill
You write one HTML file with inline CSS. It is the design. This skill checks it, lets you edit it one change at a time, and gives the user a canvas to drag.
project-artifact â an opinionated project status page
This skill produces one specific *kind* of artifact: a tabbed status page that represents a project too big for one update â a software migration, a research effort, a launch, an org initiative; anything with a set of parallel/dependent workstreams tracked over time. It generates the HTML (one fil
e11y-debug
Use when debugging LiveView issues - timeline analysis shows state at each event, snapshots show rendered HTML, analyzers suggest root causes
Io.Github.Xt765/Mcp Document Converter
Convert PDF, DOCX, HTML, Markdown, and Text for AI assistant context injection.
Compound Planning Analysis
You are conducting a comprehensive research analysis of a user's Plannotator plan archive. The goal: extract patterns from their denied plans and annotations, reduce them into actionable insights, and produce an elegant HTML dashboard report.
Io.Github.Ricky610329/Mup
MCP server that turns HTML MUP panels into interactive UI tools for LLMs.
architecture-diagram-creator
Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
uncodixfy
Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.
design-compare
Compare Figma designs against implementation screenshots, identifying layout, typography, color, and sizing discrepancies. Generates a structured visual review table and an interactive HTML comparison page with swipe and side-by-side modes. Use when the user asks to compare design with preview, compare Figma with screenshot, check design implementation, or provides a Figma URL alongside a screenshot.
web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.
PPTX Skill
Generate a polished PPTX in three phases. The HTML draft is purely internal â never reference or expose it to the user.
Io.Github.Plasmate Labs/Plasmate
Agent-native headless browser. HTML in, Semantic Object Model out. 10x token compression.
node-minify
Compress JavaScript, CSS, HTML, JSON, and image files using node-minify library. Use when: minifying/compressing assets, bundling JS/CSS files, optimizing images (WebP/AVIF), concatenating files, or when user mentions "node-minify", "@node-minify", "minification". Triggers: "minify", "compress JS/CSS", "bundle", "optimize images", "reduce file size".
Io.Github.J0hanz/Superfetch
Intelligent web content fetcher MCP server that converts HTML to clean, AI-readable JSONL format
forge-build
Build a deployable site from generated Stitch screens. Use when the user wants to export, ship, publish, or turn their screens into a real website. Maps screens to routes and generates a static HTML, Astro, or Next.js project.
mcp-apps
Build MCP Apps - interactive HTML UIs rendered in chat via the MCP Apps Extension (SEP-1865). Use when creating MCP tools that need rich UI beyond text, adding interactive forms/visualizations to MCP servers, configuring structuredContent for UI data passing, or debugging MCP UI rendering issues. Keywords: MCP Apps, SEP-1865, ui://, text/html;profile=mcp-app, structuredContent, postMessage, registerTool _meta.
YeetIt
Instant web publishing for AI agents. POST HTML, get a live URL. No account needed.
arxiv-research
Search and read academic papers from arxiv via Semantic Scholar API + ar5iv HTML. No OAuth, no PDF parsing. Use when the user wants to find research papers, read a specific paper, look up citations, or explore academic literature. Trigger on "find papers on", "arxiv", "research on", "look up the paper", "academic search", "semantic scholar", "what does the literature say", "read this paper", or any arxiv/ar5iv URL.
Io.Github.Rog0x/Web
Web scraping, search, monitoring, and HTML-to-markdown for AI agents
Design Reference Transformer
Transform a complete design reference HTML file into a working Vibes app with TinyBase reactive data.
graft-init â Configure graft behavior in CLAUDE.md
This skill writes a short, opinionated instruction block into a CLAUDE.md so future sessions automatically use the graft skills (`recall`, `memoryze`, `learn`, `memory-audit`) according to the user's preferences. The block is fenced with HTML markers so re-running the skill cleanly replaces it.
AginxBrowser â a browser engine for agents
14 tools cover everything an agent needs on the web: read, search, screenshot, download files, and interact. When a task involves reading/searching/screenshotting a web page or driving a multi-step interaction, prefer this skill's tools over hand-rolled `curl` + HTML parsing.
laravel-screenshot
Take screenshots of web pages in Laravel using spatie/laravel-screenshot. Covers taking screenshots of URLs and HTML, customizing viewport and format, saving to disks, queued generation, testing, and configuring drivers (Browsershot, Cloudflare).
abx-dl
Use this when you need to scrape websites, extract page content, download media, or run the ArchiveBox extractors without a full ArchiveBox install. abx-dl can save many kinds of web content including txt, md, html, json, pdf, png, jpg, mp4, mp3, srt, screenshots, favicons, headers, DOM snapshots, mirrored sites, and more using the same plugin ecosystem that powers ArchiveBox.
design-elevation
Comprehensive design elevation system that automatically transforms functional visual outputs into polished, professional designs. Use when creating ANY visual output including presentations (pptx), spreadsheets (xlsx), dashboards, reports, HTML artifacts, PDFs, web pages, or data visualizations. Applies systematic design thinking grounded in Tailwind CSS as the canonical design token system. Structures decisions through functional patterns (what users interact with) and perceptual patterns (how the design feels), following Alla Kholmatova's design systems framework. Triggers on ALL requests for visual content creation, ensuring outputs look hand-crafted rather than template-based.
jDocmunch MCP
Section-level doc search for .md, .rst, .adoc, .ipynb, .html, .yaml, .json, and OpenAPI specs.
HTML/CSS to Image
An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.
markstream-angular
Integrate markstream-angular into an Angular app. Use when Codex needs standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration in an Angular repository.
visualize
Create beautiful, self-contained HTML visualizations from any content or idea. Use for: slide decks, presentations, infographics, dashboards, flowcharts, diagrams, timelines, comparison tables, data visualizations, landing pages, one-pagers, org charts, mind maps, process flows, kanban boards, report summaries, or any visual that helps humans digest information faster. Trigger on requests like "visualize this," "make a deck," "create a slide," "build an infographic," "show me a dashboard," "make this visual," or any request to present information in a visual HTML format.
a11y-validate
Validate code against accessibility standards: WCAG 2.1 Level AA, EN 301 549, and the European Accessibility Act (EAA / Directive EU 2019/882). Covers semantics, text alternatives, keyboard/focus, color/contrast, forms, media, ARIA, motion, mobile, and EAA documentation requirements. Framework-aware (React/Next/Nuxt/Astro/Gatsby/SvelteKit/Remix/Angular/Vue/React Native/Flutter/static HTML).
a11y-audit
Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.
a11y-debugging
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
better-plan-mode
Enhanced planning mode that presents decision points as rich HTML documents with visual previews, comparison tables, and recommendations. Tracks all decisions in a browsable history with a landing page. Use for planning new projects or major features.
ieee-acm-paper-writing
Draft, rewrite, compress, structure, calibrate, humanize, or audit engineering manuscripts for IEEE and ACM Transactions, journals, and conferences, with optional self-contained HTML audit maps and script-checked claim ledgers. Use for abstracts, introductions, related work, system models, mathematical formulations, algorithms, experimental methods, results, discussions, conclusions, contribution lists, notation and claim audits, evidence-grounded peer-review reports, venue adaptation, machine-idiom humanization of AI-flavored prose, or landmark-paper calibration in communications, signal processing, energy systems, robotics, optimization, simulation, ML-assisted engineering, and computer systems. Do not use for general documentation, grant proposals, marketing copy, or editorial accept/reject advocacy detached from manuscript evidence.
Presenter Reference
Generate self-contained HTML files for technical diagrams, visualizations, and data tables. Use `spel open` to preview and `spel screenshot` to capture evidence.
data-dashboards
Build a fast, good-looking page: a data dashboard, or any page made with show_html (a landing page, a pricing page, a tool), in this chat or at a public link with publish_page. Use when the person asks for a dashboard, charts or KPIs on a page, a page or mock-up to look at, or a data page to share or keep up to date.
ã³ã³ãã¼ãã³ãããã¥ã¡ã³ãå·çã¹ãã«
ãã¸ã¿ã«åºãã¶ã¤ã³ã·ã¹ãã ï¼HTMLçï¼ã®ã³ã³ãã¼ãã³ãããã¥ã¡ã³ãï¼MDXï¼ãä½æã»æ´æ°ããããã®ã¬ã¤ãã©ã¤ã³ã§ãã
advanced-file-management
Advanced file management tools. Includes batch folder creation, batch file moving, file listing, and HTML author extraction.
Prince Cloud
Convert Markdown, HTML, and web pages to high-quality PDF with Prince.
design-extraction
This skill should be used when the user asks about Storybook, design systems, UI components, extracting HTML, or building interfaces using existing components. Activates for component listing, HTML extraction, theme analysis, or UI assembly.
Visual Explainer
Generate self-contained HTML files for technical diagrams, visualizations, and data tables. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.