Web & Frontend

apexbusiness-systems Bundle

Portable UI/UX + frontend engineering + debugging operating system. Use when designing screens/flows, auditing usability, implementing frontend UI, creating design systems, fixing UI/state/layout bugs, improving accessibility, or optimizing frontend performance across web/mobile/desktop stacks.

sugatoray Bundle

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, nested, tree, org chart, layer stack, venn, pyramid — as standalone HTML files with inline SVG. Ships with a neutral editorial skin and a first-run gate that prompts users to customize the style guide (colors, fonts) from their own website before generating. Includes annotation-callout primitive and optional sketchy variant.

sugatoray Bundle

Generates the weekly executive AI intelligence newsletter: researches the last 7 days of AI developments (with 30-90 day context where needed) and writes them up as a 15-part executive brief — the Top 20 developments, model intelligence, open-vs-closed, talent, funding/M&A, production deployment, agents, chips/compute, data centers/energy, the global AI race, a company watchlist, key numbers, under-the-radar signals, what changed this week, and a closing synthesis. Defaults to markdown chat output; pass -o/--output yaml (or --yaml) to instead produce a sourced YAML document, and add -r/--report path/to/folder-or-report.html to render it straight into an interactive, light/dark, multi-tab HTML report (with per-tab References accordions, its source YAML fused in for single-file distribution, and a Download-data button) written next to a copy of the YAML. Use when the user runs /newsletter-ai (aliased as the shorthand /nltr-ai — treat both identically), or asks to draft, write, or update this week's AI newslette

flashfoxer Bundle

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审，需求模糊时给设计方向。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。

payals Bundle

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.

posthog Skill

Helps PostHog engineers and agents pick the right chart when a request is about visualizing change over time, before/after comparisons, or period-over-period movement while building UI with @posthog/quill-charts (dashboards, reports, the mcp_analytics frontend, custom visualizations). Use when a user asks how something "changed", "moved", "grew", "dropped", "improved", or "regressed" between two points or periods, or mentions "before/after", "period over period", "week over week", "delta", "slope graph", "slopegraph", or comparing many series across two snapshots. Surfaces both the `SlopeChart` quill component and the native `ChartDisplayType.SlopeGraph` insight display as options.

nitrocloudofficial Skill

Best practices for linking tools to interactive frontend widgets using @Widget and @nitrostack/widgets SDK (including state sync, tool calling, display modes, media queries, and chat actions).

6uclz1 Bundle

HTMLで1つのページを縦にスクロールし続ける連続スクロール型のWebネイティブなプレゼンテーションやスライドを設計・制作する。PowerPoint風のページ切り替えを避け、Liquid Glassナビゲーション、タイマー、注釈、スクロール連動アニメーション、sticky表現を備えたHTMLスライドの依頼に使用する。

6uclz1 Bundle

Gather and summarize recent technology signals from representative English and Japanese developer communities using RSS/Atom/RDF feeds first. Use when Codex should scan tech communities, create a concise tech-news digest, compare English/Japanese trends, monitor software/AI/web/infrastructure/security topics, or identify a small set of articles worth deeper review without bulk scraping article HTML.

asnnetworks Skill

Apply App Router and Tailwind v4 conventions correctly in a Next.js project — server vs client components, data fetching, metadata, and the Tailwind v4 changes that silently break v3 habits. Use when writing or reviewing Next.js pages, components, layouts, route handlers or Tailwind classes.

agamiai Bundle

Answers natural-language questions about the user's database. Loads the agami semantic model (subject areas, tables, columns, relationships with join cardinality, entities, metrics) and few-shot examples from <artifacts_dir>/<profile>/, generates SQL via the examples-first traversal (pick subject area → match examples → resolve entities/metrics → compound table context), executes it locally via the user's chosen tool (psql / mysql / snowsql / sqlite3 native CLI, DuckDB binary, or the Python driver `execute_sql.py` — which runs the scope gates and reports fan-trap/chasm-trap and aggregation findings on the receipt), returns results as a markdown table with optional CSV export, and renders Chart.js HTML charts on request. All execution is local — no data leaves the machine.

avatarsd Skill

Find, fetch, and register KiCad components: search local/official symbol and footprint libraries, download missing parts from the internet (easyeda2kicad by LCSC id, SnapEDA/UltraLibrarian zips), and register them in project lib tables. Use when a schematic needs a part that is not already in the project.

datajinipk Skill

Senior Upstream Petroleum Engineer for exploration, appraisal, development, drilling, and production operations. Use whenever the user mentions exploration block, seismic survey (2D/3D), play type, prospect, lead, reservoir characterisation, OOIP / OGIP, recoverable reserves (1P/2P/3P), SPE-PRMS classification, decline curve analysis (Arps, hyperbolic, exponential), water cut, GOR, IOR / EOR (water flood, gas flood, CO2 flood, polymer, surfactant, ASP, thermal/SAGD/CSS), workover, well completion (cased / open hole / SAS / gravel pack / multi-stage frac), unconventionals (tight gas, shale, CBM), HPHT wells, jack-up / semi-sub / drillship rigs, MODU, MOPU, FPSO, FLNG, subsea tieback, abandonment / P&A, MER (maximum economic recovery), or any "why has production dropped / can we improve recovery / should we drill this prospect?" question. Trigger even when the user only references upstream companies (OGDCL, Mari Petroleum, PPL, POL, MOL, ENI, Aramco Upstream, ADNOC Onshore/Offshore, Reliance KG-D6, Petronas Car

ezraapple Skill

Use when reviewing a diff, pull request, or changed files for caller-facing interface quality across APIs, exported functions, service methods, hooks, component props, schemas, commands, events, or extension points. Focus on boundary shape rather than general correctness.

jondotsoy Bundle

Integrates an MCP server into an existing Astro project. Generates the /mcp endpoint with tools, prompts, and resources described by the user, with OAuth 2.0 Bearer token authentication.

barisariburnu Bundle

Professional shadcn/ui component library guide for building enterprise-grade UI designs. Use when working with shadcn/ui components, customizing themes, creating professional layouts, or implementing design systems with shadcn/ui. Covers component usage, theming, accessibility, and professional design patterns.

barisariburnu Bundle

Complete testing and quality assurance guide for Next.js applications including unit tests, integration tests, E2E tests, test patterns, and quality workflows. Use when writing tests, ensuring code quality, implementing test coverage, or setting up testing infrastructure.

barisariburnu Bundle

Complete API development guide for Next.js 15 App Router with REST endpoints, error handling, validation, authentication, security best practices, and performance optimization. Use when creating API routes, handling requests, building CRUD operations, or implementing API features.

barisariburnu Bundle

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

barisariburnu Bundle

Complete Next.js 16 full-stack development guide with App Router, Cache Components, Partial Prerendering, TypeScript, Tailwind CSS, shadcn/ui, Prisma, and state management. Use when building web applications, APIs, components, or full features in Next.js. Includes token-saving patterns and efficient development workflows.

barisariburnu Bundle

Complete performance optimization guide for Next.js applications including frontend, backend, database, caching, and general optimization strategies. Use when improving performance, reducing bundle size, optimizing queries, or implementing caching.

jakenuts Bundle

Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.

jakenuts Bundle

ElevenLabs Speech Engine — the SDK for giving a voice interface to a custom agent you host yourself (your existing chat agent, LangGraph workflow, containerized LLM service, etc.). ElevenLabs runs the audio pipeline (STT, turn detection, VAD, TTS, barge-in); your server receives transcripts over a WebSocket and streams text replies back. Use when wiring an existing non-ElevenLabs agent to voice, when the user mentions "Speech Engine", `seng_*` engine IDs, `@elevenlabs/elevenlabs-js` `speechEngine.attach()` / `SpeechEngine.Server`, Python `AsyncElevenLabs.speech_engine`, or full-duplex voice with bring-your-own-LLM. Also covers the matching client SDKs (`@elevenlabs/client`, `@elevenlabs/react`, `@elevenlabs/react-native`, the convai widget) for the browser/mobile side. Do NOT use this skill for ElevenAgents (fully hosted agent platform — different product, see distinction below) or plain TTS / STT calls.

kouryuu Bundle

Create or upgrade a production-minded full-stack project scaffold with a current React/Vite frontend; a strongly typed TypeScript, Go, Rust, or Python backend; compact structured observability; browser-first tests; and explicit API contracts. Use when starting a web application, generating a reusable starter, or establishing baseline architecture and tooling. Do not use for frontend-only component work or small changes to an established project unless the user asks to adopt this baseline.

alexanderop Bundle

Generate a comprehensive Vue/Nuxt newsletter by researching 25+ sources in parallel. Use when asked to "create newsletter", "vue news", "what's new in vue", "nuxt updates", or "generate vue newsletter". Aggregates GitHub releases, Hacker News, Reddit, dev.to, official blogs, Vue-specific newsletters, podcasts, and key Vue personalities into a curated weekly digest.

artemnovichkov Bundle

Audits views for compliance with Apple's VoiceOver accessibility nutrition label. Checks that interactive elements have accessibility labels, labels are human-readable, accessibility traits are correct, images are properly configured, and custom controls are exposed to assistive technologies. Use when the user asks to check VoiceOver support, verify accessibility labels, audit the VoiceOver nutrition label, or review a view for screen reader compatibility.

artemnovichkov Bundle

Audits views for compliance with Apple's Dynamic Type accessibility nutrition label. Checks that text scales with the user's preferred size, fonts use text styles or UIFontMetrics, and layouts adapt for accessibility sizes. Use when the user asks to check Dynamic Type support, verify text scaling, or audit the Dynamic Type nutrition label.

artemnovichkov Skill

Audits views for compliance with Apple's Sufficient Contrast accessibility nutrition label (WCAG 2.1 contrast ratios). Use when the user asks to check color contrast, audit contrast ratios, verify the Sufficient Contrast nutrition label, or review a view for accessibility.

tractorjuice Bundle

This skill should be used when a new ArcKit command has been added and documentation needs updating across the repository. Triggers: update documentation for new command, update command count, add command to README, update DEPENDENCY-MATRIX, update docs/index.html, new command documentation checklist, update all docs for new command, add command to dependency matrix, update command tables, sync documentation after adding command, I added a new command what do I update, post-command documentation, new slash command docs.

d0hx4n2503 Bundle

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

faas-tech Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

faas-tech Skill

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

phodal Bundle

Use this skill for PDF generation, conversion, inspection, extraction, editing, form filling, OCR, redaction, or render comparison. Triggers include requests to create a PDF, convert Markdown or HTML or LaTeX or DOCX or PPTX to PDF, extract text or tables or images, fill or inspect forms, OCR scans, compare revisions, or redact content.

phodal Bundle

Use this skill for creating, editing, and reviewing DOCX files, including generation, formatting, content controls, tracked changes, comments, accessibility checks, redaction, rendering, and diff-based QA workflows.

hyperlink-academy Skill

Update the app's default theme colors (accent, background, primary, highlights) consistently across every place a default is hardcoded. Use when changing the default accent/background/highlight colors so no surface (portaled modals, emails, presets, CSS fallbacks) drifts out of sync.

jsonlee12138 Bundle

Use when designing, implementing, or reviewing React/TypeScript components with naming conventions, props typing, hooks usage, and UnoCSS styling standards.