Web & Frontend

suraj787 Skill

Use when a selected effect must be implemented in the target stack (Vue, Frappe-Vue, or whatever the repo uses) without introducing a new framework or breaking design-system conventions.

suraj787 Skill

Use when validating that an interaction preserves keyboard access, focus, semantics, and honors reduced-motion before it can ship.

suraj787 Skill

Use when an interface needs accessibility validation, keyboard operability, focus visibility, semantics, contrast, and reduced-motion, beyond automated checks alone.

vibeengineering-llc Bundle

Markdown-документ с вёрсткой как в Word + обязательная HTML-версия: отчёты, справки, ТЗ, письма оператору. Триггеры: «напиши отчёт/справку», «оформи в md», «версия для печати». Молчаливо — когда связный текст длиннее экрана уходит оператору или в репо. Научный регистр → rn-article-style; хендофф → сначала session-handoff за структурой, здесь лишь вёрстка поверх.

vibeengineering-llc Skill

Документы во всех направлениях: чтение (PDF/docx/xlsx/pptx/HTML/msg/CSV → Markdown), OCR сканов (маршрут markitdown / doc-extract / unlimited-ocr) и создание офисных файлов (pandoc → anthropic-skills → python-либы). Триггеры: «преобразуй PDF в текст», «распознай скан», «сделай Word/Excel/PDF», «извлеки таблицу из документа», «оформи отчёт в docx». Вынесено из CLAUDE.md §19/§22/§23.

vibeengineering-llc Skill

Документ → Markdown: PDF, Office (docx/xlsx/pptx), изображения, HTML, Outlook .msg, CSV, аудио. Дефолт §19 для чтения и цитирования документов. Триггеры: «прочитай PDF», «преобразуй документ», «извлеки текст из файла». Сложные формулы/сканы → `unlimited-ocr`.

vibeengineering-llc Skill

Фронтенд и публикация страниц: UI-стек (ui-ux-pro-max, MCP magic, framer-motion) и публикация демо-витрин в VibeEngineering-LLC/demo-web-pages через GitHub Pages. Триггеры: «сделай страницу/лендинг/дашборд», «свёрстай интерфейс», «опубликуй демо», «выложи витрину», «нужен React-компонент». Вынесено из CLAUDE.md §26/§29.

akarachen Skill

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

akarachen Bundle

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on a design or component.

akarachen Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.

ar9av Bundle

Adds optional multiplayer to any generated Phaser 3 game. Supports three tiers — local (two gamepads/keyboards, no server), LAN (Colyseus authoritative server, same network), and online (Colyseus + TURN/STUN relay). Optional React/Redux lobby and PeerJS voice/video chat. Trigger only when the user explicitly requests multiplayer ("make it 2-player", "add online co-op", "--multiplayer" flag).

ar9av Bundle

Checks 5 mobile-compatibility properties in the generated game (roundPixels, image-rendering CSS, devicePixelRatio, touch input, AudioContext unlock) and patches any missing items. Run after codesmith, before playtester.

bagisto Bundle

Use when writing, changing or reviewing any Bagisto PHP or Blade — the conventions this codebase holds to, covering Laravel idiom, code style, comments and docblocks, database access, Blade, security and localization. Trigger phrases include "standards", "conventions", "code style", "docblock", "comments", "repository pattern", "blade", "component", "binding", "event", "migration", "security", "XSS", "authorization", "escaping", "is this safe", "best practice".

bagisto Bundle

Use when creating or changing a Bagisto storefront theme — a theme package, shop layouts, Blade component overrides, or the Vite asset pipeline for the customer-facing side. Trigger phrases include "shop theme", "storefront theme", "shop layout", "theme package", "vite", "tailwind", "publish views", "custom layout".

bagisto Bundle

Use when creating or changing a Bagisto admin theme — a theme package, admin layouts, Blade component overrides, or the Vite asset pipeline for the admin panel. Trigger phrases include "admin theme", "admin layout", "admin panel styling", "theme package", "vite", "tailwind", "publish views", "custom layout".

bagisto Bundle

Use when building a storefront app or UI on the Bagisto Shop API — a customer-facing storefront, catalog, cart, checkout, customer account, wishlist, compare, reviews, or any page or component of a shop on the API, whether web, mobile or custom. Ask the client's platform and stack first, and treat the api-docs as the source of truth for exact shapes. Trigger phrases include "products", "cart", "checkout", "coupons", "customer login", "customer account", "wishlist", "storefront on the API".

bagisto Bundle

Audit and prove Bagisto storefront themes with source inspection, ownership mapping, admin-to-storefront mutation tests, and Playwright commerce journeys. Use when checking that visible content is dynamic and merchant-controlled; validating theme customizations, channels, CMS, categories, products, search, filters, cart, checkout, accounts, locales, currencies, responsive behavior, accessibility, runtime errors, or enabled extensions; or deciding whether a Bagisto theme is safe to activate or release.

calebnewtonusc Bundle

Read what is on the user's Mac screen - the accessibility tree, window contents, UI elements, or a screenshot. Use when the user asks what is on their screen, what an app is showing, to find a button or field, or to check the state of something before acting on it.

calebnewtonusc Bundle

Diagnose a Mac automation that is failing, especially one failing silently. Use when a click does nothing, typing does not appear, the accessibility tree is empty, an AppleScript hangs or errors, coordinates land in the wrong place, or something that worked before stopped working.

calebnewtonusc Bundle

Finish the parts of this kit's install that need a browser or a permission dialog: screen and accessibility grants, provider keys, any step behind a web console, and verification. Use after setup.sh, when doctor.sh reports a tool installed but unusable, or when the user says to finish setting something up themselves.

calebnewtonusc Bundle

Enforces this kit's standards for Next.js, React, Supabase, and Vercel work. Use when writing or reviewing UI components, API routes, database schemas or queries, deployment config, styling and design, scroll animations, accessibility, performance, state management, tests, or when running a pre-ship audit. Covers shadcn/ui component patterns, Zod-validated App Router routes, RLS policies, Core Web Vitals budgets, WCAG contrast, and the UX laws checklist.

calebnewtonusc Bundle

Diagnose and fix macOS permission problems for automation - Accessibility, Screen Recording, Automation/Apple Events, Full Disk Access, TCC. Use when a Mac automation fails silently, when the user gets "not authorized" errors, when setting up Mac control for the first time, or when something worked before and stopped.

carapace-sh Bundle

Use when working with pandoc — the universal document converter. Covers CLI options, input/output formats, extensions, defaults files, templates, filters (JSON, Lua, citeproc), citations/CSL, PDF generation, slide shows, EPUBs, chunked HTML, Jupyter notebooks, pandoc Markdown syntax, and the Haskell AST/reader-writer architecture. Triggers on: "pandoc", "pandoc Markdown", "pandoc template", "pandoc filter", "pandoc lua filter", "pandoc defaults", "pandoc citeproc", "pandoc PDF", "pandoc epub", "pandoc slide", "pandoc AST", "PandocMonad", "pandoc-types", "Text.Pandoc", "--from", "--to", "--standalone", "--citeproc", "--lua-filter", "--defaults", "--template", "--pdf-engine".

carapace-sh Bundle

Use when working with the rustup CLI — the Rust toolchain multiplexer. Covers installing/updating/uninstalling toolchains, channel syntax (stable/beta/nightly, dated, versioned), cross-compilation targets, components and profiles, directory and file overrides (rust-toolchain.toml), the proxy/shim dispatch system (cargo/rustc/rustdoc/rustfmt/rust-analyzer), `rustup run`, `+toolchain` shorthand, self-management, shell completions, and environment variables. Triggers on: "rustup", "rustup install", "rustup update", "rustup toolchain", "rustup target", "rustup component", "rustup override", "rustup run", "rustup which", "rustup doc", "rustup man", "rustup self", "rustup show", "rustup set", "rustup home", "rustup completions", "rustup check", "rustup default", "+toolchain", "rust-toolchain.toml", "RUSTUP_HOME", "RUSTUP_TOOLCHAIN", "RUSTUP_AUTO_INSTALL", "rustup profile", "rustup proxy", "rust-analyzer proxy", "cargo-miri".

carapace-sh Bundle

Use when working with Bubble Tea (charmbracelet/bubbletea) — the Elm Architecture TUI framework for Go. Covers the Model/Update/View cycle, commands, messages, the View struct, renderer, input handling, program lifecycle, testing, component composition, integration with the Charm ecosystem (lipgloss, bubbles, huh, glamour), and production design patterns. Triggers on: "bubbletea", "bubble tea", "tea.Model", "tea.Cmd", "tea.Msg", "tea.Program", "tea.View", "tea.KeyPressMsg", "tea.WindowSizeMsg", "tea.MouseMsg", "tea.Batch", "tea.Sequence", "tea.Quit", "Elm Architecture", "charmbracelet", "Bubble Tea v2", "tea.NewProgram", "tea.Send", "tea.Tick", "tea.Every", "cursedRenderer", "ultraviolet", "ScreenBuffer", "ProgramContext", "compositor".

coroboros Bundle

Create a new Next.js or Astro project on the bundled Cloudflare Workers stack with pnpm, Biome and Tailwind. Use for an empty target directory; skip existing applications and requests for a different stack.

coroboros Bundle

Build and improve frontend pages, dashboards, forms and components, including award-design's committed build chunks. Use for implementation, everyday UI design and scoped visual changes. Preserve DESIGN.md and chunk boundaries; validate the affected surface and applicable states. Award-level visual direction and review belong to award-design; single-token edits to design-system.

danielrosehill Skill

Use when the user wants to find a public bomb shelter (miklat tziburi, מקלט ציבורי) near a location in Israel — by address, neighbourhood, coordinates, or current position — with address, type, capacity, accessibility, and Google Maps / Waze directions. Primary backend is the Miklat-MCP server (streamable HTTP, `https://mcp.jlmshelters.com/mcp`), which currently supports Jerusalem (198 public shelters). If the MCP server is unavailable or the user is asking about a city not yet supported, fall back to the Jerusalem Municipality's official list at `https://www.jerusalem.muni.il/en/residents/security/spaces/list/` (for Jerusalem only). Trigger phrases - "find a shelter near me", "nearest miklat", "closest bomb shelter in Jerusalem", "miklat tziburi", "shelters in [neighbourhood]", "shelter capacity", "accessible shelter near", "how do I get to the shelter", "public shelters list Jerusalem".

dimitrigilbert Bundle

Generic tRPC implementation guide. Works with any framework (Next.js, Express, Fastify, Hono, Bun) and any package manager (pnpm, npm, yarn, bun).

dimitrigilbert Bundle

Build full-stack TypeScript apps with Convex — server functions, schema, auth, file storage, real-time, frontend integration, testing, deployment.

dimitrigilbert Bundle

OpenTUI with React — components, hooks (useKeyboard, useRenderer, useTimeline), JSX patterns, state, forms, testing.

dimitrigilbert Bundle

OpenTUI project scaffolding, templates, examples, component library, and best practices.

dimitrigilbert Bundle

Route design tasks to a competent model via opencode or claude CLI. Triggers on "design", "style", "UI", "CSS", "layout", "visual", "beautify", "redesign".

donald-ada Bundle

Settle the look before the pixels — audience and context first, then the base and the delta, taste settled by looking at real states, accessibility as the floor, one design language committed to DESIGN.md as tokens with roles. A command the user types, for work with an interface someone will see; standalone, no other skill required.

dylanroscover Bundle

MUST READ before building or styling any TouchDesigner panel UI (dialog, wizard, HUD, control panel, buttons, text): design tokens, layout rules, component recipes, and the OP Viewer TOP verification loop. Mechanics (which panel COMP, single-window, click handling) are in td-ui-mechanics.md beside it.

dylanroscover Skill

Merge or compare two divergent TouchDesigner .tox/.toe binaries that git cannot three-way-merge. Load when a merge/rebase conflicts on a .tox or .toe, when asked to merge, port, reconcile, or diff two versions of a TD component, or when comparing a component across branches, machines, or TD builds.