Web & Frontend

jr2804 Bundle

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file; create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path and wants something done to it or produced from it. Do NOT trigger when the primary deliverable is a Word document, HTML report, standalone Python script, or Google Sheets API integration.

greenmamba29 Skill

Manage i18n translation files, detect missing translation keys, generate AI-assisted translations for new strings, and sync locale files across frontend codebases and CMS platforms.

damilola-elegbede-org Bundle

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like "the xlsx in my downloads") — and wants something done to it or produced from it. Also trigger for cleaning or restructuring messy tabular data files (malformed rows, misplaced headers, junk data) into proper spreadsheets. The deliverable must be a spreadsheet file. Do NOT trigger when the primary deliverable is a Word document, HTML report, standalone Python script, database pipeline, or Google Sheets API integration, even if tabular data is involved.

tachyon-beep Bundle

Use when starting any UX/UI design task — visual design, IA, interaction, accessibility (WCAG 2.2), user research across mobile, web, desktop, game, and AI surfaces, plus first-principles audience-derived needs analysis. Routes to 11 specialist sheets.

tachyon-beep Bundle

Use when designing, building, or reviewing a terminal user interface (TUI) — a full-screen or interactive terminal app — across any framework (ratatui/Rust, Textual+Rich/Python, Bubble Tea/Go, Ink/JS, ncurses/notcurses). Covers terminal substrate and capability detection, event-loop and state architecture, responsive layout, flicker-free rendering, keyboard/mouse/focus input, semantic color and theming, affordances and discoverability, feedback and async work, information density, terminal accessibility, signal-safe lifecycle and terminal restoration, testing, and cross-environment distribution. Routes to 13 specialist sheets.

damilola-elegbede-org Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

tachyon-beep Bundle

Use when designing or implementing static websites for developer tools, open-source projects, or technical documentation — information architecture, HTML/CSS, design tokens, developer UX patterns

jr2804 Bundle

Parse, convert, chunk, and analyze documents using Docling. Use this skill when the user provides a document (PDF, DOCX, PPTX, HTML, image) as a file path or URL and wants to: extract text or structured content, convert to Markdown or JSON, chunk the document for RAG ingestion, analyze document structure (headings, tables, figures, reading order), or run quality evaluation with iterative pipeline tuning. Triggers: "parse this PDF", "convert to markdown", "chunk for RAG", "extract tables", "analyze document structure", "prepare for ingestion", "process document", "evaluate docling output", "improve conversion quality".

karchtho Skill

UI/UX design principles, design systems, accessibility, responsive design, and user experience best practices. Activates when discussing layouts, styling, design decisions, user flows, or visual design.

karchtho Skill

Modern React development patterns including hooks, components, state management (Zustand, Redux Toolkit), and performance optimization. Activates when working with React components, JSX, hooks, stores, or React-specific architecture.

mgriot Skill

Use this skill when the user wants to design, plan, or think through a non-trivial feature, component, system, or behavior change before writing code. Trigger on phrases like 'I want to build', 'let's add', 'how should I design', 'help me think through', 'I'm thinking of adding', or whenever a request involves enough unknowns that jumping straight to implementation would be premature. Skip for obvious one-liner fixes or purely mechanical tasks.

karchtho Skill

Design game feature architecture before writing code. Use when planning a new feature system, deciding on component structure, or mapping out how a feature integrates with existing systems.

tachyon-beep Bundle

Use when running **SQLite or DuckDB inside an application process** as the durable store — not as a development convenience but as the production database. Use when scaling an SQLite layer that worked at low concurrency and is now hitting SQLITE_BUSY, WAL bloat, lock contention, schema-migration ceremony, or correctness gaps under multi-process writers. Use when introducing DuckDB as an OLAP complement to an OLTP SQLite store, or when picking between the two for a new component. Pairs with `/web-backend` (the API surface above the DB) and `/audit-pipelines` (when the DB is also the audit trail). Do not load for server databases (Postgres, MySQL), key-value stores, or ORM choice in isolation.

mgriot Bundle

Comprehensive application security audit skill. Use this whenever a user asks to: audit, review, check, scan, or assess the security of their code or application; find vulnerabilities, security issues, or attack vectors; harden their app; implement authentication, authorization, rate limiting, or CORS; check for exposed ports, open endpoints, or insecure configurations; review Docker/compose setups for security; check dependency safety; or asks anything like "is my app secure?", "how do I protect my API?", "what are the security risks in my code?". Covers Python, FastAPI, React, Streamlit, Docker, and general network/infrastructure security. Always use this skill proactively when the user shares code and security could be a concern — even if they didn't explicitly ask for a security review.

outfitter-dev Bundle

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and TanStack Router integration.

mgriot Bundle

Master Travel Designer — triggers when user wants to plan a trip, research a destination, needs a detailed schedule, mentions "Traveler Profile", "Security Briefing", "Geographical Validation", "Google Maps CSV", or "GPX track". Produces a single mobile-ready Trip Hub HTML with embedded GPX tracks, verified coordinates, cultural depth, security briefing, and formal references. All sub-agent logic (Security, Cultural Research, Geographical Validator) is embedded directly in this skill.

tachyon-beep Bundle

Use when formalising an experiment as a machine-checkable record layer using scientific-experiment ontologies — EXPO (Soldatova & King's ontology of scientific experiments), SUMO or BFO as upper ontology, PROV-O for lineage. Use when handed a mapping of your system onto EXPO and asked to check or extend it; when results must be auditable, reproducible, or interoperable with another group; when someone proposes making a knowledge graph the source of truth for decisions; when experiment records cannot say what a result was compared against, which regime produced it, or whether a value was unmeasured rather than zero. NOT for Expo/React Native, and NOT for Eclipse SUMO traffic simulation.

jasonwarrenuk Skill

Create, update, extend, print or display a project theme family: a core palette plus per-target files (html, vhs, freeze, card, frame, ghostty, tui) that every asset and artefact skill reads deterministically

jasonwarrenuk Skill

Render verified findings as an actionable, status-grouped HTML artefact.

jasonwarrenuk Skill

Render a visual HTML introduction to this codebase for a newly-joined developer

ingpoc Bundle

Design and direct premium product, SaaS, app, portfolio, and launch sites with a clear product story, high data-ink ratio, grounded polished product imagery, responsive evidence composition, purposeful GSAP motion, and independent customer UI/UX acceptance. Use when creating or materially redesigning a product site. Coordinate with frontend-app-builder for concept-to-code implementation, imagegen for capture-grounded product imagery, review-customer-ui-ux for the final review loop, and Sites for setup, runtime, and deployment; do not replace those owners.

jasonwarrenuk Skill

Passive ethical review: manipulation, accessibility, privacy, sustainability in user-facing features.

jasonwarrenuk Bundle

Research a focus (a tool, a practice, a field of candidates) and render the findings as a verified, source-cited HTML artefact in one of a fixed set of formats.

jasonwarrenuk Bundle

Svelte 5 and SvelteKit: runes reactivity, component composition, routing, data loading, form handling.

ingpoc Bundle

Create, refine, or audit an application's canonical DESIGN.md covering product design philosophy, user experience philosophy, journeys, information architecture, visual theme, interaction, motion, accessibility, trust, and validation. Use when starting an app, finalizing its theme or UX direction, reconciling conflicting design decisions, or turning scattered design notes into one build-ready owner document. Ask targeted user questions only when a material decision is unresolved or contradictory and cannot be established from product evidence.

jasonwarrenuk Bundle

Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt. Use when the user asks to make a playground, explorer, or interactive tool for a topic.

jasonwarrenuk Skill

Convert an exported Claude artefact (HTML or JSX) into a working Svelte 5 / SvelteKit 2 project

jasonwarrenuk Bundle

Frontend styling: layout debugging, style consistency, CSS best practices for Svelte/SvelteKit.

jasonwarrenuk Bundle

Pragmatic testing with Vitest: risk-based strategy, Svelte component testing, test-after development.

zoom-skills Bundle

Zoom Video SDK for building custom video experiences (not Zoom meetings) on web, React Native, Flutter, Android, iOS, macOS, Windows, Unity, and Linux platforms. Use when you want full control over the video UI and experience.

zoom-skills Bundle

Zoom Video SDK UI Toolkit for Web. Use when building prebuilt or low-code Zoom Video SDK browser UI with @zoom/videosdk-ui-toolkit, composite UI, individual components, session lifecycle, React/Vue/Angular/Next.js/vanilla integration, featuresOptions, JWT auth, CSS/CDN install, troubleshooting, or deciding between UI Toolkit and raw Video SDK.

zoom-skills Bundle

Zoom Meeting SDK for embedding Zoom meetings into web, Android, iOS, macOS, Unreal, React Native, Electron, and Linux applications. Use when you want to integrate the full Zoom meeting experience into your app. Supports Web (JavaScript), React Native (iOS/Android), Electron desktop apps, Linux (C++ headless bots), and native platforms.

qte77-claude-code-utils Bundle

Writes tests following TDD (using vitest and @testing-library/react) best practices. Use when writing unit tests, integration tests, or component tests in TypeScript.

qte77-claude-code-utils Bundle

Provides concise, focused TypeScript/React code reviews matching exact task complexity requirements. Use when reviewing TypeScript code quality, type safety, or when the user asks for code review.

davidortinau Bundle

Guide for theming .NET MAUI apps—light/dark mode support, AppThemeBinding, dynamic resources, ResourceDictionary theme switching, and system theme detection. USE FOR: "dark mode", "light mode", "theming", "AppThemeBinding", "theme switching", "ResourceDictionary theme", "dynamic resources", "system theme detection", "color scheme", "app theme". DO NOT USE FOR: localization or language switching (use maui-localization), accessibility visual adjustments (use maui-accessibility), or app icons (use maui-app-icons-splash).

davidortinau Bundle

.NET MAUI safe area and edge-to-edge layout guidance for .NET 10+. Covers SafeAreaEdges property, SafeAreaRegions enum, per-edge control, keyboard avoidance, Blazor Hybrid CSS safe areas, migration from legacy APIs, and platform-specific behavior for Android, iOS, and Mac Catalyst. USE FOR: "safe area", "edge-to-edge", "SafeAreaEdges", "SafeAreaRegions", "keyboard avoidance", "notch insets", "status bar overlap", "iOS safe area", "Android edge-to-edge", "content behind status bar". DO NOT USE FOR: general layout or grid design (use maui-collectionview), app lifecycle handling (use maui-app-lifecycle), or theming (use maui-theming).