Web & Frontend

ashutoshsrivastava17 Skill

Implement and audit mobile app accessibility — screen readers (TalkBack, VoiceOver), semantic labels, focus management, dynamic type, color contrast, touch targets, and platform-specific a11y APIs across Flutter, Android (Kotlin/Java), and iOS (Swift/ObjC). TRIGGER when: user says /mobile-accessibility, asks about making a mobile app accessible, needs to fix accessibility issues, or wants to audit a11y compliance.

ashutoshsrivastava17 Skill

Plan accessibility testing — WCAG 2.1 criteria, screen reader testing, keyboard navigation, color contrast, and assistive technology coverage. TRIGGER when: user says /accessibility-testing, needs to test for accessibility, or asks about WCAG compliance testing.

ashutoshsrivastava17 Skill

Evaluate and choose a mobile development strategy — Flutter vs. native (Kotlin/Swift) vs. Kotlin Multiplatform (KMP) vs. React Native vs. .NET MAUI. Decision framework covering team skills, platform API access, performance, long-term maintenance, and cost. TRIGGER when: user says /cross-platform-strategy, asks whether to use Flutter or native, needs to choose a mobile framework, or wants to evaluate cross-platform vs. native tradeoffs.

ashutoshsrivastava17 Skill

Audit customer experience — heuristic evaluation, consistency checks, accessibility review, performance assessment, and competitive benchmarking. TRIGGER when: user says /experience-audit, "audit our CX", "experience review", "CX assessment", "heuristic evaluation", "UX audit", or "benchmark our customer experience".

kunanonj Bundle

A Cursor Canvas is a live React app (.canvas.tsx) that the user can open beside the chat. Use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, or any response that benefits from visual layout. Must read this skill when creating, editing, or debugging any .canvas.tsx file.

kunanonj Skill

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI components, establishing design systems, or auditing code for inclusive user experiences.

kunanonj Skill

Flutter and Dart code reviewer. Reviews Flutter code for widget best practices, state management patterns, Dart idioms, performance pitfalls, accessibility, and clean architecture violations. Library-agnostic — works with any state management solution and tooling.

kunanonj Skill

Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, chat applications, voice agents, or browser automation. Covers Agent class, state management, callable RPC, Workflows, durable execution, queues, retries, observability, and React hooks. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

kunanonj Skill

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for \"shadcn init\", \"create an app with --preset\", or \"switch to --preset\".

kunanonj Skill

> Operate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts, templates, webhooks, API keys, logs, automations, and events via the `resend` CLI. Use when the user wants to run Resend commands in the shell, scripts, or CI/CD pipelines, or send/preview React Email templates. Always load this skill before running `resend` commands — it contains the non-interactive flag contract and gotchas that prevent silent failures.

kunanonj Skill

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.

kunanonj Skill

Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI. Use for local UI verification, screenshots, accessibility snapshots, perf profiles, visual diffs, or reproducing UI bugs.

fridrichmethod Skill

Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides screenshots alongside change requests. Also use when editing components where spatial context (element identity, DOM references, layout data) supplements text instructions.

fridrichmethod Bundle

Search for scientific papers, preprints, and publications on arXiv. Extract metadata, abstracts, and download full-text PDFs or HTML versions of papers. Use when the user asks to find research papers, literature, or specific arXiv IDs.

paperclipai Skill

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art

paperclipai Skill

Perform a comprehensive 8-phase UI/UX design review covering Preparation, Interaction, Responsiveness, Visual Polish, Accessibility, Robustness, Code Health, and Content across 1440px, 768px, and 375px viewports using Playwright

paperclipai Skill

Full-stack backend architecture and frontend-backend integration with REST APIs, auth flows, real-time features, and database integration

paperclipai Skill

Android native application development with Material Design 3, Kotlin/Jetpack Compose, adaptive layouts, and accessibility

paperclipai Skill

GitHub Actions integration for automated design review on pull requests that modify frontend files

dingxingdi Bundle

Use this skill when the user wants tasks where the page layout, screenshot, specific visual position, layout adjacency in tables, or physical drag-and-drop motions actually matter. Trigger it for requests like “make it rely on what’s visible on the page,” “extract the data from this complex table layout,” “buttons and layout should dictate the choice,” or “force the agent to navigate based on spatial coordinates.” It is the right skill for browser tasks where perception must combine HTML-like structure with visual grounding to execute continuous mouse events or parse complex semi-structured layouts (like grids or key-value structures).

dingxingdi Bundle

Use this skill when the user wants to synthesize web-based prompt injection attacks that test if an agent can be 'hijacked' by malicious instructions hidden in a webpage's HTML or content. Trigger it for requests like 'don't let the website trick the agent,' 'test if hidden code can change the task,' 'make sure the page doesn't override previous orders,' or 'check if the agent falls for fake system messages in the page.' It is specifically designed to create 'Environmental Injection Attacks' (EIA) where the threat is embedded in the web data the agent perceives rather than the user's initial prompt.

ashutoshsrivastava17 Skill

Comprehensive data visualization guidance covering best practices, chart selection, design principles, and accessibility. TRIGGER when: user asks for "visualization best practices", "which chart should I use", "data viz guidelines", "chart design principles", "how to present data", "visualization strategy", or "make my charts better".

ashutoshsrivastava17 Skill

Specify motion design — animation principles, timing curves, interaction states, performance budgets, and accessibility considerations. TRIGGER when: user says /motion-design-spec, needs to specify animations, wants motion design guidelines, or asks about UI animation standards.

ashutoshsrivastava17 Skill

Plan and review mobile app testing strategies — unit tests, widget/UI tests, integration tests, snapshot tests, and end-to-end tests across Flutter, Android, and iOS. Covers device matrix, accessibility testing, and CI integration. TRIGGER when: user says /mobile-testing, asks about testing a mobile app, needs a mobile test strategy, or wants to review mobile test coverage.

ashutoshsrivastava17 Skill

Write video scripts for tutorials and demos — storyboarding, narration, screen flow, timing, callouts, and accessibility (captions/transcripts). TRIGGER when: user says /video-script, needs to script a tutorial video, demo recording, or product walkthrough.

ashutoshsrivastava17 Skill

Run a WCAG accessibility audit on a design, component, or page. TRIGGER when: user says "accessibility audit", "a11y review", "WCAG check", "is this accessible", or asks about color contrast, screen readers, keyboard navigation, or ARIA.

sethdford Skill

Identify trust boundaries in system architecture where privilege levels, authority, or security contexts change. Use when designing authentication, authorization, and inter-component communication.

sethdford Skill

Expert approach to aria-validation in accessibility testing. Use when working with .

sethdford Skill

Expert approach to screen-reader-testing in accessibility testing. Use when working with .

ashutoshsrivastava17 Skill

Implement accessibility — ARIA patterns, keyboard navigation, screen reader support, semantic HTML, focus management, and testing strategies. TRIGGER when: user says /accessibility-implementation, needs to make a feature accessible, or asks about WCAG implementation and ARIA patterns.

ur-grue Bundle

Produces a clear, step-by-step brief explaining exactly how to convert a finished article or document from one format (Word, plain text, InDesign export) into a specified target format (Markdown, HTML, or structured plain text), preserving all editorial elements correctly.

ur-grue Bundle

Writes descriptive alt text for editorial images following WCAG accessibility guidelines — concise enough for screen readers, specific enough to convey the image's editorial purpose.

vril-labs Skill

Test accessibility — WCAG compliance and a11y validation. Use when ensuring accessibility, testing screen readers, or meeting compliance requirements.

vril-labs Bundle

Modern JavaScript best practices and performance optimization guidelines. Use when writing, reviewing, or refactoring JavaScript code to ensure optimal performance, maintainability, and modern patterns.

vril-labs Bundle

Apply TypeScript best practices when writing or reviewing TypeScript code, including strict typing, generics, error handling, and common patterns.

vril-labs Skill

Build email templates — responsive HTML emails and templating. Use when creating email campaigns, building transactional emails, or email design.