Web & Frontend

fabioc-aloha Skill

Convert Markdown to standalone HTML pages with embedded CSS, images, and Mermaid diagrams

fabioc-aloha Skill

User interface design, user experience optimization, accessibility compliance, design systems

fabioc-aloha Skill

Dashboard layout patterns, KPI card design, filter architecture, narrative flow through panels, and self-contained HTML generation

gabrielmoreira Bundle

Review changes for correctness, security, accessibility, and performance. Use for scoped quality reviews or verification plans; bug fixes use oma-debug.

gabrielmoreira Bundle

Create, import, revise, or export presentation decks through the OMA slide CLI. Use for HTML slides and PDF, PNG, or PPTX deck delivery.

gabrielmoreira Skill

Drive a native GUI app (macOS, Windows, Linux) via the cua-driver CLI (default) or MCP server; snapshot its accessibility tree, act through snapshot-bound element tokens, native menu paths, exact window geometry, or pixel coordinates, and verify from fresh state. Use when the user asks you to operate, drive, automate, or perform a GUI task in a real application on the host, or to continue, resume, or recall recent Cua activity.

gabrielmoreira Skill

WCAG 2.1 Level AA compliance patterns for semantic HTML, ARIA, keyboard navigation, and screen reader compatibility. Use for accessibility audits, ARIA reviews, and POUR principle validation.

gabrielmoreira Skill

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

gabrielmoreira Skill

AEM Frontend Build Pipeline

gabrielmoreira Skill

AEM Component Development

fabioc-aloha Skill

Microsoft Authentication Library (MSAL) patterns for React/SPA applications with Entra ID

fabioc-aloha Skill

Read any chart (image, HTML, screenshot) and extract insights, patterns, anomalies, bias, and narrative -- the reverse of visualization

fabioc-aloha Skill

React + Vite performance optimization — code splitting, lazy loading, bundle analysis, Web Vitals, and modern React patterns for fast web applications

bilal140202 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.

bilal140202 Bundle

Heuristic eval against Nielsen's 10 usability heuristics plus a WCAG 2.2 first-pass for keyboard, focus, contrast, and motion. Use when reviewing a UI's interaction design and baseline accessibility together.

bilal140202 Skill

Add appropriate user feedback states (loading, success, error, empty) to a component or page

gabrielmoreira Skill

Execute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc approval

gabrielmoreira Skill

Reviews completed frontend implementation for governing-source compliance, scope economy, repository quality, and security, then applies user-approved React corrections.

modbender Skill

LinkedIn automation skill — search people and companies, fetch profiles, send messages and InMails, manage connections, create posts, react, comment. Supports Sales Navigator.

gabrielmoreira Skill

Create accurate, readable WeChat Official Account article drafts with a clear title, digest, HTML body, source links, and a reviewable call to action.

modbender Bundle

邮件发送工具。配置 SMTP 发件人后，通过脚本发送纯文本或 HTML 邮件，支持附件、抄送、密送。在需要发送邮件通知、报告、自动化邮件时触发。

modbender Skill

Vue 3 Modernization

modbender Skill

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

modbender Bundle

Web scraping using Scrapling — a Python framework with anti-bot bypass (Cloudflare Turnstile, fingerprint spoofing), adaptive element tracking, stealth headless browser, and full CSS/XPath extraction. Use when web_fetch fails (Cloudflare, JS-rendered pages), or when extracting structured data from websites (prices, articles, lists). Supports HTTP, stealth, and full browser modes. Source: github.com/D4Vinci/Scrapling (PyPI: scrapling). Only use on sites you have permission to scrape.

modbender Bundle

Complete shadcn/ui documentation. Beautifully designed components built with Radix UI and Tailwind CSS. Copy-paste into your apps. Covers installation, components, theming, forms, charts, and framework integrations.

modbender Skill

Web search and URL fetching via Perplexity (default: sonar, optional: sonar-pro). Use when searching the web, looking up information, fetching URL content, or configuring web search settings. Covers web_search tool (Perplexity direct API) and web_fetch tool (HTML to markdown extraction).

modbender Skill

Headless browser automation CLI optimized for AI agents with accessibility tree snapshots and ref-based element selection

modbender Bundle

Generate a professional invoice from natural language or structured input. USE WHEN: - User asks to create an invoice, bill, or payment request - User provides line items, client details, or says "invoice [client] for [work]" - User wants a receipt or proof of payment document DON'T USE WHEN: - User wants a quote, estimate, or proposal (different document structure and intent) - User wants to track invoices, manage accounts receivable, or build an invoicing system - User wants a contract or agreement (use a contract/legal template instead) - User wants to send an invoice via email (this generates the document; sending is a separate step) - User wants a recurring billing setup or subscription management OUTPUTS: Single self-contained .html file, print-ready. User opens in browser → Print → Save as PDF. Clean, professional layout. INPUTS: Sender info, client info, line items (description + qty + price). Optional: invoice number, dates, tax rate, notes, payment terms.

modbender Bundle

Generate professional invoices in Markdown or HTML from simple inputs.

ncdevshiv Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

ncdevshiv Skill

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

ncdevshiv Bundle

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecti...

ncdevshiv Bundle

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Serve...

drnabeelkhan Skill

Frontend Developer

ahang1598 Bundle

当回答涉及趋势、占比、比较、流程、机制、因果、架构、关系、时间线、状态机、算法步骤、参数变化、原图证据，或用户明确要求图表、图解、标注、动态/交互演示时使用。优先用 ECharts、确定性 HTML/SVG 或原图叠加；不承接地图、附件交付、海报、头像、写实图片和艺术插画。

intense-visions Bundle

Add Harness Component