Web & Frontend

ai-riksarkivet Bundle

Styling, theming and design-system work in the rask frontend — OKLCH tokens, Tailwind 4 `@source`, `tv()` + `cn()`, `data-slot`, dark mode, the legacy `--ink/--line` bridge, export subpaths, Storybook, and vendor stylesheets themed through `layer(base)`. Use when a zone renders unstyled, when picking a colour or writing `class=`, when adding or skinning a `@rask/ui` component (its subpath export, its story), when a vendor sheet out-specifies Tailwind utilities or a dock needs theming (dockview `--dv-*`, Svelte Flow), or when touching `tokens.css` / `app.css` / a `*.stories.svelte`.

ai-riksarkivet Bundle

Zones, routes, navbars, data-fetching and gates in rask's `frontend/` plane — seven SvelteKit 2 + Svelte 5 microfrontends on a Turborepo proxy, remote functions vs the Arrow/binary BFF, `@rask/dockview` workbenches, oxlint/oxfmt/zone-contract/Playwright. Use when touching any `.svelte`, a zone, `@rask/api`, `@rask/dockview`, `@rask/zone-contract` or `microfrontends.json`; when adding a route, a zone or a frontend dependency; when writing a `.remote.ts` or choosing a transport; when wiring nav, sidebar or cross-zone links; when building a dock, panel or workbench; or when a panel loses state on drag, a cross-zone link 404s, an SSR fetch hairpins, or a zone e2e/vitest gate fails.

ai-riksarkivet Bundle

Where new code belongs in the rask workspace: the language-pure planes (Python `packages/` + `services/`, the `frontend/` bun+turbo root, sealed `runners/`) and the entrypoint contract (`make_service_app` + injectable lifespan). Use when adding, moving or deleting a workspace member, service, zone or deployable; editing a `pyproject.toml`, the root `uv.lock`, or a uv/bun workspace glob; wiring a service entrypoint; or when newly added code won't resolve — ModuleNotFoundError, a `uv sync` workspace error, or a package `bun install` silently skipped.

aksuharun Bundle

Use when building accessible Vue.js interfaces with Reka UI (Radix Vue).

aksuharun Bundle

Use Lucide icons correctly across any framework or environment. Lucide is a tree-shakeable SVG icon library with 1000+ icons. Use this skill when working with Lucide icons in React, Vue, Svelte, Solid, Preact, Angular, Astro, React Native, Vanilla JS, or static/server-side environments. Triggers include installing lucide icons, importing lucide components, customizing icon appearance, using dynamic icons, or using Lucide lab custom icons.

alberduris Bundle

Manage your Beehiiv newsletter — list and read posts, create drafts from Markdown/HTML files. 6-command skill for Beehiiv newsletter automation.

alberduris Bundle

Generate self-contained HTML broadsheet newspapers to explain any subject worth reporting — project status, reviews, dispatches, reports, or anything else.

ammar-hasan Bundle

Use narova whenever the user names Narova or reel.config, or wants a deterministic scene-scripted video: narrated/captioned explainers, multi-host dialogue, prompt/script/README-to-video, product walkthroughs with real browser actions, or source-grounded videos from sites, articles, docs, and repositories. Supports optional local neural TTS, word-synced captions and reveals, music/SFX, platform export presets, SRT/VTT, 2D HTML/CSS/SVG, Three.js/WebGL 3D, mixed compositing, AI clips, and silent marker-driven work. It turns a scene script into MP4 through HyperFrames or the browserless Skia/FFmpeg provider; scene.threeModule is the raw 3D escape hatch. Use plain HyperFrames for unrelated silent motion graphics.

andrehfp Skill

Help with Stripe payment integration in Next.js projects. Use when implementing checkout flows, subscriptions, webhooks, customer portal, or debugging payment issues. Covers Stripe SDK usage, webhook verification, and subscription management.

andrehfp Bundle

Generate favicons and app icons for Next.js projects. Creates all required sizes, formats, and configures metadata.

andrehfp Bundle

Help with AbacatePay payment integration in Next.js projects. Use when implementing PIX payments, managing subscriptions, handling webhooks, or debugging payment flows. Covers SDK usage, webhook verification, and billing management for Brazilian SaaS applications.

ankit4479 Skill

Read and interact with Chrome browser tabs using DOM-based reading (not screenshots). Opens URLs, reads page content via accessibility tree and text extraction, finds elements, fills forms, and executes JavaScript. Use whenever you need to view or interact with a web page.

any-tdf Bundle

Build, modify, review, and troubleshoot RTDF projects with exact offline component documentation. Use for RTDF or rtdf.dev, React mobile UI, Tailwind CSS 4 setup, component APIs, themes and dark mode, icons, i18n, or create-any-tdf scaffolding. Do not use for generic React work that has no RTDF dependency.

any-tdf Bundle

Build, modify, review, and troubleshoot STDF projects with exact offline component documentation. Use for STDF or stdf.dev, Svelte 5 mobile UI, Tailwind CSS 4 setup, component APIs, themes and dark mode, icons, i18n, or create-any-tdf scaffolding. Do not use for generic Svelte work that has no STDF dependency.

any-tdf Bundle

Build, modify, review, and troubleshoot VTDF projects with exact offline component documentation. Use for VTDF or vtdf.dev, Vue 3 mobile UI, Tailwind CSS 4 setup, component APIs, themes and dark mode, icons, i18n, or create-any-tdf scaffolding. Do not use for generic Vue work that has no VTDF dependency.

any-tdf Bundle

Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill bundles, and the VS Code extension. Use for any development task inside this repository, especially cross-framework parity changes, generated files, package boundaries, or choosing efficient verification commands. Trigger explicitly with $any-tdf-development.

apache Bundle

Implements and reviews dubbo-admin EventBus dispatching. Use when the user asks about Event, Emitter, Subscriber, SubscriptionManager, EventBus component registration, Subscribe or Unsubscribe behavior, Send dispatch rules, subscriber ProcessEvent flow, resource-kind based routing, or event error handling under pkg/core/events/. Do not use for a domain subscriber unless the task changes the event bus contract or dispatch semantics.

apache Bundle

Implements and reviews dubbo-admin Vue 3 frontend changes. Use when the user asks about ui-vue3, Vue views or components, frontend routing, route metadata, API clients, Pinia stores, SearchDomain, i18n, layout tabs, traffic rule form design, frontend tests, or Vite, ESLint, and Prettier configuration. Do not use for Go backend internals unless coordinating an API contract with the frontend.

aps08 Skill

Guidelines for the React frontend, TanStack ecosystem, and React 19 standards. Use when modifying the UI.

kufu Skill

smarthr-design-system のコンポーネントページ向けのアクセシビリティコンテンツを作成・更新する。 対象コンポーネントの用途、実装例、デザインパターン、既存のアクセシビリティコンテンツを確認し、 一貫した構成と記述スタイルでアクセシビリティセクションを生成する。 「アクセシビリティコンテンツを追加して」「a11yセクションを作成して」 「コンポーネントページにアクセシビリティ情報を追加して」等の依頼に対応する。

kyh Skill

Self-contained HTML blocks in inteligir notes — when interaction earns one, the runtime limits, and the sandbox contract.

l3wi Bundle

Bootstrap new projects or add the agents-workflow system to existing projects. Use for new project scaffolding (Next.js, Python, Rust) or adding workflow capabilities to any git repository.

lazygophers Skill

aidog 用户流程与信息架构（IA）优化——梳理任务流、减少步骤与跳转、对齐 create/update 等成对操作的一致性、保存/同步/反馈时序、tab 与侧栏的信息层级。聚焦"用户完成一件事要点几下、会不会卡住、状态有没有反馈"，区别于纯视觉的 aidog-frontend-experience。触发词：流程、步骤太多、太繁琐、几下、卡住、一致性、create 和 update 不一样、保存没反应、状态不同步、信息架构、IA、导航结构、tab 太乱、找不到。

lazygophers Skill

aidog（Tauri+React 桌面应用）前端体验优化——UI 视觉、布局、人机交互三合一。落地 Liquid Glass 风格、7 语言 i18n+阿拉伯 RTL、无路由本地 state 导航 + navGuard 离页拦截、formatters/shared 组件复用、主题 light/dark 双变量。视觉重构阶段调用 huashu-design skill 取设计品味。触发词：UI 优化、界面优化、视觉、好看、布局、对齐、间距、交互、体验、liquid glass、玻璃拟态、RTL、暗色、主题、组件复用、设计。

lettr-com Skill

Use when sending transactional email from a project with Lettr — composing a message (HTML/text/template), attachments, cc/bcc, tracking and metadata options, batch sends, scheduling, and idempotency. Assumes the SDK is already installed (run `install` first if not).

lettr-com Bundle

Use when authoring or editing Lettr-managed email templates — writing HTML with merge tags, validating tags against a template version, and previewing or test-sending before shipping.

liangdabiao Bundle

MinerU document extraction CLI that converts PDFs, images, and web pages into Markdown, HTML, LaTeX, or DOCX via the MinerU API. Supports token-free flash extraction for quick start, precision extraction with table/formula recognition, web crawling, batch processing, and piped workflows.

liatrio-labs Bundle

Manage local development environments with Tilt. Use when working with projects that run services via Tilt (indicated by presence of Tiltfile), including checking service status, viewing logs, troubleshooting connectivity issues, or managing the Tilt stack. Essential for projects using Tiltfile with local_resource for orchestrating backend, frontend, and other services.

liatrio-labs Bundle

Use when you need lightweight browser QA for a web page, local HTML file, or app: inspect console errors, broken assets, keyboard/focus behavior, viewport readability, and publish evidence-backed findings JSON through a local HTML report viewer.

lkrdev Skill

This skill enables agents to assist users in building custom, high-performance data experiences using Looker's React-based visualization components.

mabyko Bundle

Explain the current topic visually when the user asks to "show me", "그림으로 설명해줘", "구조를 보여줘", or "변경 전후를 보여줘". Use concise diagrams, code-shape sketches, and focused HTML artifacts.

mabyko Bundle

Use when creating a new Xcode or mobile app project, choosing or entering an Apple bundle ID / App ID, configuring a signing team (especially a free personal team), setting up side-by-side Release and Debug installs, setting up a macOS app that requests TCC permissions (Accessibility, Input Monitoring, Screen Recording), auditing a repo for identifier leaks, or hitting 'An App ID with Identifier is not available' / 'Failed to register bundle identifier' errors.

martinacostadev Skill

Create a new Next.js API route handler following REST conventions.

martinacostadev Skill

Create a new Next.js App Router page with proper structure

martinacostadev Skill

Create a new React component with TypeScript and tests

mathbullet Bundle

概念・仕組み・調査内容を、HTML による視覚的な説明ドキュメントとして作成・編集する。