Web & Frontend

lonely-lockley Bundle

Create, edit, import, analyze, repair, validate, inspect, and render Archinsight Insight architecture-as-code models and custom views. Use when working with .ai models or .aiq queries, migrating architecture from another DSL or diagram, C4-style architecture models, system/container/component/code diagrams, deployment projections, or when the user asks to model or diagnose software architecture with Archinsight.

lonely-lockley Skill

Create, edit, import, analyze, repair, validate, inspect, and render Archinsight Insight architecture-as-code models and custom views. Use when working with .ai models or .aiq queries, migrating architecture from another DSL or diagram, C4-style architecture models, system/container/component/code diagrams, deployment projections, or when the user asks to model or diagnose software architecture with Archinsight.

lottiefiles Bundle

Use when building or modifying LottieFiles Creator Plugin UIs with @lottiefiles/creator-plugins-ui. Covers React components, Tailwind CSS setup, theming, dark mode, cn(), Base UI patterns, and common migration pitfalls.

lottiefiles Bundle

Use when creating or modifying LottieFiles Creator Plugins with the Creator Plugin API. Covers plugin sandbox/UI architecture, message passing, scene graph manipulation, assets, storage, animation, and plugin development workflows.

mdhamoda Bundle

Generate a Lightning-styled record workspace as a self-contained, interactive Claude Artifact (React rendered inline in chat) for any Salesforce SObject: sortable list, bulk field edit, automatic Details/Related tabs (related lists auto-detected from lookup fields, no config needed), and real writes to Salesforce via a direct in-browser Anthropic API call with the user's connected MCP server, behind an in-app confirm modal. React inlined UMD, no build step. Lookup fields navigate client-side to another object's record, alongside an 'Open in Salesforce' link. Schema-driven; wire real records via live query results, sfWrite/sfMcpUrl for write-enabled objects. TRIGGER only for an interactive UI artifact to keep working in -- custom record/list-view UI, bulk-edit tool, Lightning-like workspace, 360 customer view, or cross-object nav. DO NOT TRIGGER for a plain 'list/show my records' request a chat table already satisfies.

mdsweatt Skill

Use when the user asks for Gemini's review of a generated artifact (plan, spec, markdown doc, HTML spec, report, implementation plan) with phrases like "get Gemini's take", "send to Gemini for review", "what would Gemini say about this", "run it through Antigravity", "send to agy". Also offer proactively after generating a substantial plan, spec, or report ("want me to send this to Gemini?"). Grounds the review in the current project's own CLAUDE.md/conventions and the artifact's cited sources. Returns raw Gemini feedback for manual triage; never auto-edits the artifact. Requires the `agy` CLI (Google Antigravity, the successor to the retired `gemini` CLI).

moorcheh-ai Bundle

Use this skill when the user wants to build AI applications with Moorcheh. Contains blueprints and implementation guides for knowledge base RAG, customer support chatbots, semantic search applications, AI Q&A systems, llm-wiki, knowledge base, personal wiki, karpathy, and optional frontend integration. Each cookbook includes architecture, code examples, setup instructions, and deployment guidance.

nanmicoder Bundle

将口播稿、文章或已有音频与 SRT 制作为可录屏的 16:9 网页视频演示（Vite + React + TypeScript）。用连续视觉场景、证据画面、卡片状态变化与 MG 动画解释内容；支持点击推进、整段原声驱动、分段录制和按绝对时间验帧。适用于 B 站、YouTube、视频号口播配画面与产品演示。

nukeop Skill

Use when creating new UI components in packages/ui. Covers component structure, tests, stories, and what to avoid.

rafidstudio Skill

Build, review, debug, and improve full-stack applications using PostgreSQL, Express.js, React, and Node.js with maintainable and production-ready practices.

rafidstudio Bundle

Practical, human-friendly guidance for building, testing, securing, versioning, and publishing npm packages. Use this skill for libraries, CLIs, SDKs, component packages, or when the user mentions package.json, publishing, semver, build tools, or audits.

helderberto Skill

Guide test-driven development using red-green-refactor. Use when building a new hook, fixing a bug test-first, or following TDD workflow in this React hooks library.

nativephp Bundle

Builds fully native iOS and Android apps with PHP & Laravel. Activate when working with SuperNative screens (NativeComponent, Route::native, native:make), nested child components (component tags, props, key, emit, @event bindings), EDGE components (native:column, native:button, native:list, and 40+ more), composable chrome elements (top-bar, bottom-nav, fab, side-nav, bottom-bar) or NativeLayout chrome, native:model data binding, #[Computed]/#[Poll]/#[On] attributes, Native::test() component tests, native device APIs (camera, dialog, biometrics, scanner, geolocation, push notifications), NativePHP Artisan commands (native:run, native:install, native:watch, native:jump), deep links, secure storage, or mobile app deployment.

povvo Bundle

Create, extend, debug, test, and release WebMCP-powered web applications and ChatGPT Site tools. Use for new or existing apps, document.modelContext/registerTool, shared human-agent state, real application operations, declarative-form experiments, Service Worker WebMCP research, WebMCP-versus-MCP architecture, dual WebMCP/MCP surfaces, framework lifecycle integration, browser verification, and OpenAI WebMCP Challenge readiness. Do not use for standalone MCP-only servers, generic browser automation, or unrelated frontend work.

rivet-dev Bundle

Create and publish concise Rivet launch or changelog posts through an approval-gated workflow, including release research, a required user-selected hero variation, local HTML-rendered social and technical images, an R2 hero upload, MDX authoring, a reviewed draft GitHub PR for manual merge, and a scheduled and verified Buffer thread for @rivet_dev. Use when asked to launch, announce, ship, or prepare and schedule a Rivet feature or release announcement.

vaadin Bundle

Reproduce a Vaadin web component bug from a GitHub issue in vaadin/web-components. Builds a minimal dev-page reproduction, confirms the bug in a running browser with playwright-cli, points at the likely root cause, pushes a shareable repro/<issue> branch, and (after confirmation) posts a verification-pending summary comment on the issue.

wanshuiyin Skill

Render an ARIS Markdown / JSON artifact (IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT, PAPER_PLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading. Academic template outputs are gated by a fresh cross-model Codex review for render fidelity + safety (the ARIS invariant). Use when the user says "渲染 HTML", "出一份 HTML 报告", "render html", "make this readable", "export to html", or wants a polished web-rendered view of a Markdown artifact. Markdown/JSON stays the canonical source; HTML is a generated, reviewed view.

wanshuiyin Skill

Generate a long-form Chinese interview-prep cheat sheet on a specific ML/LLM topic — formulas with derivations, from-scratch PyTorch code, comparison tables, and 25 高频面试题 (L1 必会 / L2 进阶 / L3 顶级 lab). Cross-model codex review checks math, code, historical citations, and style discipline; then /render-html produces a single-file HTML with academic-newspaper template. Output: docs/tutorials/<slug>_tutorial.{md,html,review.json}. Use when the user says '写面试 cheat sheet', '写一份 X 教程', '帮我准备 Y 面试题', '出一份 X 速查', or wants a 600-1000 line Chinese tutorial on a specific ML topic.

withastro Bundle

Triage a compiler-rs bug report. Reproduces the bug as a minimal `.astro` input, diagnoses the root cause in the Rust codegen, verifies whether the behavior is intentional, and attempts a fix. Use when asked to "triage issue

1broseidon Bundle

Backend craft skill for language-agnostic CLIs, REST APIs, gRPC services, package APIs, and backend repo structure. Use when building, auditing, reshaping, or studying backend boundaries: command trees, HTTP/gRPC contracts, error envelopes, config precedence, operability hooks, package boundaries, dead code, shared-package shape, and agent/script-friendly tools. Not for browser UI, ORM schema design, business domain modeling, Kubernetes/Terraform, or frontend design.

datalayer Bundle

Web crawling and scraping toolkit for fetching webpage content, extracting text, links, and structured data from HTML. Use when you need to retrieve information from websites, follow links, or extract specific elements from web pages.

decocms Skill

Use when the user asks to add a new MCP tool, create a tool with UI, scaffold a tool, or add functionality to the MCP App server. Also use when adding API-only tools without a UI component.

s-hiraoku Bundle

Expert guidance for Jotai state management in React applications. Provides best practices, performance optimization, and architectural patterns. Use when designing atom structures, implementing state management, optimizing re-renders, handling async state, integrating with TypeScript, or reviewing Jotai code for performance issues. Triggers on tasks involving Jotai atoms, derived state, focusAtom, splitAtom, atomFamily, or state management architecture decisions.

solo-agent Bundle

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.

studiolxd Skill

Use when integrating xAPI (Experience API / Tin Can) in a web app or server with @studiolxd/xapi — sending/querying statements, managing State/Activity Profile/Agent Profile documents, parsing launch URLs, handling Result errors, or wiring the client across React, Vue, Angular, Svelte, vanilla JS, or LRS server helpers.

studiolxd Skill

Use when integrating SCORM 1.2/2004 in a web app with @studiolxd/scorm — initializing a session, reading/writing CMI data (score, completion, suspend data, interactions, objectives), handling Result errors, or wiring lifecycle/auto-commit across React, Vue, Angular, Svelte, Web Components, or vanilla JS.

zjp1997720 Bundle

将 Markdown 文章转换为微信公众号可用的内联样式 HTML，默认使用 kami 纸感主题，支持 kami、magazine-ink、magazine-indigo、magazine-forest、magazine-kraft、magazine-dune、elegant、modern、minimal 多主题切换和字体、字号、强调色、背景色、输出路径等参数配置。用于公众号排版、文章 HTML 生成、替代不稳定外部排版服务，尤其适合把本 vault 内文章转成可复制到微信公众号编辑器的格式。

radius-project Bundle

Document application architectures with Mermaid diagrams. Use for: generating architecture overviews, component diagrams, sequence diagrams from code, explaining complex Go codebases, answering architecture questions, suggesting architectural improvements, producing entity-relationship diagrams, and distilling code into human-readable descriptions. For step-by-step contributor how-to docs, use radius-author-doc.

paralleldrive Bundle

Enforces React component authoring best practices. Use when creating React components, binding components, presentations, useObservableValues, or when the user asks about React UI patterns, reactive binding, or action callbacks.

epicweb-dev Skill

Guide on routing with React Router and react-router-auto-routes for Epic Stack

schalkneethling Bundle

Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and accessibility as foundations rather than afterthoughts.

aymericzip Bundle

Integrates Intlayer internationalization with Astro applications. Use when the user asks to "setup Astro i18n", use "getIntlayer" in Astro components, or manage server-side content in Astro.

workleap Bundle

Guide for @workleap/telemetry — Workleap's unified telemetry package connecting Honeycomb (tracing), LogRocket (session replay), and Mixpanel (analytics) with automatic correlation IDs. Use when initializing @workleap/telemetry, instrumenting Honeycomb traces/spans, configuring LogRocket replay or privacy, tracking Mixpanel events, setting up Noop clients for Storybook/tests, or troubleshooting telemetry correlation. Also activate when someone mentions observability, session replay, or analytics in a Workleap frontend context.

workleap Bundle

Workleap's shared web configuration packages (@workleap/eslint-configs, @workleap/typescript-configs, @workleap/rsbuild-configs, @workleap/rslib-configs, @workleap/stylelint-configs, @workleap/browserslist-config). Use when: (1) Setting up or customizing shared web tooling configs in a Workleap project (2) Configuring ESLint by project type (web app, React library, TS library, monorepo) (3) Configuring TypeScript by project type (web-application, library, monorepo-workspace) (4) Configuring Rsbuild or Rslib bundling (dev, build, Storybook) (5) Configuring Stylelint, Browserslist, or monorepo (Turborepo) vs polyrepo strategies (6) Extending or customizing shared configs, troubleshooting ESM/ESNext constraints

spacezephyr Bundle

使用 AI 图片生成技术绘制美观的图表。支持 10 种图表类型：流程图、架构图、ER 图、商业模式画布、用户旅程图、思维导图、竞品分析图、SWOT 分析、产品路线图、组织架构图。6 种内置视觉风格。 触发词："画个 XX 图"、"生成商业模式画布"、"做个架构图"、"画 ER 图"、"帮我画个流程图"、"生成用户旅程图"、"做个思维导图"、"竞品分析图"、"SWOT 分析图"、"产品路线图"、"组织架构图"、"帮我可视化图表"。 与 space-chart-html 不同：本 Skill 使用 GPT-image-2 模型直接生成图片，不生成 HTML。

vigolium Bundle

Use when running a full security audit of an arbitrary source code repository, especially large, complex, multi-component, distributed, or non-standard architectures. Defines a 10-phase security audit methodology combining advisory intelligence, patch bypass analysis, knowledge base construction, baseline and custom SAST, spec gap analysis, deep bug hunting, false positive elimination, variant analysis, and final reporting with realistic PoC construction. Triggers on "audit this repo", "run a full security audit", "find vulnerabilities in this codebase", "check for security issues", "is this secure?", "run the security agents", or any request combining advisory regression, SAST, and manual review.