Web

@project-n-e-k-o/ssr-hydration-scraping

Best practices for extracting data from modern React/Vue SSR pages (like Next.js or Nuxt.js) by targeting hydration state blocks (__NEXT_DATA__, __NUXT__) using regex and `jmespath`, avoiding brittle DOM selector scraping.

@jinning6/browser-actionability-debug

Diagnose browser UI tests or real browser checks where an element appears visible but cannot be clicked, copied, hovered, or focused. Use for Playwright/Chrome/browser automation failures involving overlays, splash screens, opacity transitions, pointer-events, elementFromPoint mismatches, clipboard assertions, or differences between "visible" and actually actionable UI.

@royians/trellis-spec-bootstarp

Bootstrap project-specific Trellis coding specs with a platform-neutral single-agent workflow. Use when creating or refreshing .trellis/spec guidelines, analyzing a codebase with GitNexus, ABCoder, or source inspection, decomposing package/layer spec work, and writing real codebase-backed spec docs without placeholder text.

@majiayu000/html-specific-rules

Rules specific to HTML files, focusing on accessibility and Tailwind styling.

@yamada-ui/pr-review-anti-patterns

Add or remove entries in .agents/references/pr-review-anti-patterns/. Use when the user wants to document a review miss from one or more merged PRs, or remove a stale anti-pattern entry.

@hoangnguyen0403/flutter-navigation

Implement route configuration, go_router/deep linking, and named routes in Flutter. Use for route declarations, route guards, and URL-to-screen mapping; defer transition-only animation, state-transfer/BLoC questions, auto_route-specific setup, and generic app-bar controls.

@claude-dev-suite/bitcoin-l2-bsquared

B² Network (BSquared): hybrid ZK + optimistic Bitcoin L2 with EVM compatibility. Live since 2024. USE WHEN: evaluating B² for deployment, integrating with their bridge, comparing Bitcoin L2 options.

@majiayu000/quest-keeper-frontend

Frontend development skill for Quest Keeper AI Tauri application. Use when working on React components, Zustand stores, Three.js battlemaps, TailwindCSS styling, or Tauri shell integration. Triggers on mentions of frontend, React, Zustand, Three.js, battlemap, UI, viewport, or Tauri.

@mrwangjusttodo/open-source-repo-analysis

Analyze referenced open-source repositories by reusing or cloning them into the project's git-ignored tmp directory. Use when the user references GitHub links, open-source repositories, external codebases, or asks to compare, inspect, understand, or learn from another repository.

@walrus-computing/open-gstack-browser

/Users/pderks/conductor/repos/piper-draw-raw/.claude/skills/gstack/open-gstack-browser/SKILL.md

@indielayer/add-component

Add a new Vue component to @indielayer/ui with themes, tests, docs, and registry exports. Use when creating a new component, adding X-prefixed components, or scaffolding under packages/ui/src/components.

@majiayu000/platform-frontend

Framework-agnostic frontend architecture patterns. Extends core-coding-standards with UI-specific rules. Use when building any web frontend.

@demerzels-lab/agent-browser

Headless browser automation CLI optimized for AI agents with accessibility tree snapshots.

@majiayu000/svelte-component-generator

Generate Svelte components with TypeScript and scoped styles. Triggers on "create svelte component", "generate svelte file", "svelte module", ".svelte component".

@sdlll/claude-for-safari

Control the user's real Safari browser on macOS using AppleScript and screencapture. This skill should be used when the user asks to interact with Safari, browse websites, read web pages, automate browser tasks, take screenshots of web content, or when any task would benefit from seeing or interacting with what's in their browser. Triggers on keywords like "safari", "browser", "web page", "open tab", "screenshot the page", "read this site", "browse", "click on", "fill in the form".

@gsd-build/gsd-browser

Native Rust browser automation CLI for AI agents. Use when the user needs to interact with websites — navigating pages, filling forms, clicking buttons, taking screenshots, sharing a live browser view, narrating browser actions, extracting structured data, running assertions, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "show me the browser", "share the screen", "pause the browser", "step through this", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", "visual regression test", "check for prompt injection", or any task requiring programmatic web interaction.

@majiayu000/frontend-css-patterns

Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.

@frontman-ai/frontman-installation

Use this skill when helping a developer install Frontman in a web project.

@graphif/ui

建立于 shadcn/ui 之上的附加 UI 组件

@tldraw/commit-changes

Create a git commit for the current changes. Use when asked to commit changes, make a commit, generate a commit message, or commit the current worktree with optional user-provided context.

@thedaviddias/javascript-inline

Use when reviewing scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.

@thedaviddias/404-page

Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page. Validate the final browser-facing markup, not just the source framework abstraction.

@claudiocebpaz/vite-react-best-practices

Comprehensive React and Vite SPA performance, architecture, and deployment guidelines. Use this skill when building, reviewing, or refactoring React applications built with Vite (SPA). Covers Vite-specific build configurations, static hosting requirements, and core React performance patterns.

@arrow2nd/agent-browser

ブラウザでの動作確認手順。Webページ・WebアプリのUI確認、フォーム入力、画面遷移のテストなど、ブラウザ操作が必要になったら必ず読むこと。Playwright等の代わりに agent-browser CLI を使用する。

@ssdeanx/agentstack

This is main documentation for the AgentStack skill, which provides instructions and guidelines for how to use this skill effectively in various scenarios.

@clockless-org/html-anything

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).

@georgezouq/interview

面试是经过组织者精心设计的，在特定场景下，以考官对考生的面对面交谈与观察，考察面试者经验能力的一种方式。