Web

videodb helps you ingest video and audio from local files, URLs, RTSP/RTMP live feeds, or desktop capture; search moments with timestamps and playable evidence; and act with clips, overlays, transcription, alerts, and timeline editing. It is a practical videodb guide for VideoDB for Video Editing and live-stream analysis.

ui-demo helps you record polished web app demo videos with Playwright, visible cursor movement, and natural pacing. Use the ui-demo skill for walkthroughs, onboarding clips, feature tours, and tutorial-style recordings. Follow the discover, rehearse, then record workflow for reliable results, especially for prototypes and fast-changing UIs.

The seo skill helps audit, plan, and implement technical SEO, on-page optimization, structured data, Core Web Vitals, and keyword mapping. Use it for crawlability, indexability, metadata, schema, internal linking, sitemap and robots changes, or seo for Keyword Research, with page-specific, implementable guidance.

search-first is a research-before-coding workflow for finding existing tools, libraries, and patterns before you write custom code. Use the search-first skill to evaluate options, compare tradeoffs, and choose adopt, extend, or build custom with less guesswork.

perl-security helps you review Perl code for safer input handling, taint mode, shell execution, DBI placeholders, and web security issues like XSS, SQLi, and CSRF. Use this perl-security skill for Security Audit work, remediation planning, and secure development when user-controlled data reaches sensitive sinks.

The nextjs-turbopack skill helps you use Turbopack in Next.js 16+ for faster local development, HMR, and bundler decisions. Use it as a practical nextjs-turbopack guide for install, usage, and when to switch back to webpack in Frontend Development workflows.

Use frontend-design to build distinctive, production-grade frontend interfaces with a clear visual point of view. This frontend-design skill is built for landing pages, dashboards, app shells, and components where hierarchy, typography, motion, and polish matter as much as implementation. It includes install and usage guidance for design-first UI work.

exa-search is an Exa MCP skill for current web-backed research, code examples, company intel, people lookup, and fast source discovery. Use it when freshness and evidence matter, and when you need a practical exa-search guide for live search, tool-based answers, and web research workflows.

The deep-research skill turns broad questions into sourced web research with firecrawl and exa MCP tools. Use it to compare sources, synthesize findings, and produce cited reports for competitive analysis, technology evaluation, due diligence, and other decisions that need evidence.

canary-watch is a post-deploy monitoring skill for checking a live URL for regressions after releases, merges, or dependency updates across staging or production.

The accessibility skill helps you design, implement, and audit accessible UI with WCAG 2.2 Level AA guidance for Web, iOS, and Android. Use it to map component roles, labels, states, focus behavior, and accessibility traits, with practical accessibility usage for UX Audit work and implementation reviews.

qa-only is a report-only QA skill for testing web apps, documenting bugs, and capturing evidence without making fixes. It is designed for QA reviewers and agents who need a structured bug report, health scoring, screenshots, and repro steps. Use qa-only when you want a bug-report workflow instead of test-fix-verify.

design-consultation is a design-consultation skill for turning a rough product idea into a complete design direction. It creates a DESIGN.md source of truth, previews, and system-level guidance for typography, color, spacing, layout, and motion. Best for new products and UI surfaces that need a coherent starting point.

The source-driven-development skill grounds framework-specific coding in official docs, helping you verify patterns before you implement. It is ideal for source-driven-development usage in React, Vue, Next.js, Svelte, Angular, and similar stacks when correctness, provenance, and version-sensitive decisions matter.

The performance-optimization skill helps you measure first, find the real bottleneck, fix it, and verify results. Use it when performance requirements exist, you suspect a regression, or Core Web Vitals, load times, or interaction latency need improvement.

The aspnet-core skill helps you build, review, refactor, and upgrade ASP.NET Core apps using current framework guidance. It is built for backend development, APIs, server-rendered apps, Blazor, SignalR, gRPC, and hosted services, with decision-first guidance for app model choice, Program.cs setup, DI, configuration, security, testing, and deployment.

shader-dev is a practical GLSL shader skill for ShaderToy-style real-time visuals. Use the shader-dev skill to build or debug ray marching, SDF scenes, lighting, particles, fluid motion, post-processing, and shader-dev for UI Design with less guesswork than a generic prompt.

Use transformers-js to run ML models in JavaScript and TypeScript across browser and server runtimes. The transformers-js skill covers install, model loading, caching, configuration, and practical transformers-js usage for text, vision, audio, multimodal tasks, and transformers-js for Code Generation with supported text-generation models.

huggingface-gradio helps you build and edit Gradio web UIs in Python for demos, chatbots, and frontend-development workflows. Use the huggingface-gradio skill to choose components, wire events, and shape layouts with less guesswork.

seo-drift is a GitHub skill for tracking SEO-critical page elements over time, comparing baselines, and catching regressions after deploys, CMS edits, or template changes. Use the seo-drift skill for SEO Content, technical on-page checks, and practical seo-drift usage when you need a clear answer to whether anything broke.

seo-cluster is a SERP-overlap keyword clustering skill for SEO content planning. It groups keywords by Google’s actual rankings to build pillar pages, hub-and-spoke clusters, and internal link maps. Use this seo-cluster skill when you need a practical seo-cluster guide for topic architecture, not a generic keyword brainstorm.

The read skill fetches URLs and PDFs as clean Markdown for reading, quoting, citation, and downstream work. It is built for read usage on paywalled pages, JS-heavy sites, X/Twitter, GitHub files, Chinese platforms, and Workflow Automation flows that need reliable source text before analysis. Use the read guide when you want source capture, not commentary.

The enhance-prompt skill turns vague UI ideas into clearer, Stitch-ready prompts with stronger structure, UI/UX vocabulary, and design-system context. Use this enhance-prompt guide to improve prompt specificity, reduce guesswork, and get more consistent results for prompt writing and UI generation.

guizang-ppt-skill is a presentation skill for building single-file HTML slide decks in an editorial magazine × e-ink style. It helps you create horizontal swipe decks for launches, talks, and demos with strong typography, WebGL backgrounds, and reusable layouts. Use the guizang-ppt-skill guide for faster, repeatable deck generation.