Web & Frontend

mahabdalla Skill

Production patterns for Unity's Data-Oriented Technology Stack (DOTS) including Entity Component System, Job System, and Burst Compiler.

mahabdalla Skill

Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods for automated transformation.

yamsfeer Skill

用工程思维讲解学习计算机知识。当用户要求学习任何计算机技术时（如"教我 Redis"、"解释 React 原理"），必须按以下协议执行。本 Skill 的核心是：**用图表讲故事，用因果链代替定义**。

me-shaon Skill

Review Laravel frontend performance, responsiveness, and Lighthouse-impacting best practices.

mahabdalla Skill

Write a description to description GitHub Pull Request.

mahabdalla Skill

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

mahabdalla Skill

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

mahabdalla Skill

Generate documentation for new components. Use when writing docs, documenting components, or creating component documentation.

nocode-tegethoff Bundle

Creating backend code (Next.js)

nocode-tegethoff Skill

Write and maintain tests with Vitest (Vite-native), React Testing Library for React/Next, and optional browser/E2E. Use when adding tests, fixing failures, or improving quality.

nocode-tegethoff Skill

Working on frontend components

nocode-tegethoff Bundle

Deploy the Next.js app to Vercel safely and consistently.

mahabdalla Skill

Use when user says "send to Ray," "show in Ray," "debug in Ray," "log to Ray," "display in Ray," or wants to visualize data, debug output, or show diagrams in the Ray desktop application.

ph13917403910 Skill

Build a dark-themed glassmorphism UI with Tailwind CSS v4 design tokens, frosted glass cards, unified button interactions, ambient animations, and accessibility baselines. Use when the user wants a dark theme, glass-effect UI, frosted panels, neon accents, or cinematic web design.

ph13917403910 Skill

Scaffold a Next.js App Router project with TypeScript, Tailwind CSS v4, and optional custom server (e.g. Socket.io). Use when the user wants to create a new Next.js project, initialize a web application, set up a TypeScript + Tailwind project, or needs a custom Node.js server wrapping Next.js.

ph13917403910 Skill

Deploy a Next.js application to Railway using Docker with multi-stage builds. Use when the user wants to deploy to Railway, create a Dockerfile for a Node.js/Next.js app, set up CI/CD with Railway CLI, or troubleshoot Railway deployment issues.

madobon Bundle

Create distinctive, production-grade frontend interfaces with strong design direction. Use when the user asks to build or restyle web pages, landing pages, dashboards, React components, HTML/CSS layouts, or other visual UI artifacts.

mahabdalla Skill

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

bhaumikmaan Bundle

Browser automation for testing web applications. Covers tab management, element interaction, console log filtering, screenshot capture, and failure escalation. Use when testing web UI, verifying frontend changes, automating browser interactions, or when asked to check a web page.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 11 – Forms accessibility compliance. Checks that form fields have labels, labels are relevant and visible, labels are properly associated, related fields are grouped with fieldset/legend, select options are grouped, buttons have relevant names, input validation is accessible and helpful, error suggestions are provided, and autocomplete attributes are used. Use this skill when someone asks to check form accessibility, verify RGAA Theme 11, audit form labels, or check form validation accessibility.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 6 – Links accessibility compliance. Checks that every link is explicit (its purpose can be understood from its text alone or from context) and that every link has a non-empty accessible name. Use this skill when someone asks to check link accessibility, verify RGAA Theme 6, audit link texts, or check for empty or ambiguous links on a website.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 3 – Colors accessibility compliance. Checks that information is not conveyed by color alone, that text contrast ratios meet minimums (4.5:1 for normal text, 3:1 for large text), and that UI components and graphical elements have sufficient contrast (3:1). Use this skill when someone asks to check color contrast, verify RGAA Theme 3 compliance, audit contrast ratios, or check color accessibility on a website.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 2 – Frames accessibility compliance. Checks that every iframe and frame has a title attribute and that the title is relevant. Use this skill when someone asks to check frame or iframe accessibility, verify RGAA Theme 2, or audit embedded content accessibility on a website.

mteelokee Bundle

Audit a web page for RGAA v4.1.2 Theme 1 – Images accessibility compliance. Checks that informative images have text alternatives, decorative images are correctly hidden, alternatives are relevant, CAPTCHAs have alternative access, detailed descriptions exist when needed, text images are avoided, and captions are properly linked. Use this skill whenever someone asks to check, audit, or verify image accessibility on a website, or when they mention RGAA images, alt text audit, or image accessibility compliance.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 5 – Tables accessibility compliance. Checks that complex data tables have summaries, layout tables linearize correctly, data tables have proper titles and headers, and header-cell associations are correct. Use this skill when someone asks to check table accessibility, verify RGAA Theme 5, audit data tables, or check table markup on a website.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 7 – Scripts accessibility compliance. Checks that JavaScript components are compatible with assistive technologies (proper ARIA roles/states/properties), alternatives exist when needed, all interactions are keyboard- and pointer-accessible, context changes inform the user, and status messages use ARIA live regions. Use this skill when someone asks to check JavaScript/script accessibility, verify RGAA Theme 7, audit interactive components, or check ARIA usage on a website.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 4 – Multimedia accessibility compliance. Checks pre-recorded media for transcriptions, subtitles, audio descriptions, identification, alternatives for non-temporal media, auto-play sound control, keyboard controls, and assistive technology compatibility. Use this skill when someone asks to check video/audio/media accessibility, verify RGAA Theme 4, or audit multimedia compliance on a website.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 12 – Navigation accessibility compliance. Checks for two navigation systems (menu + sitemap or search), consistent menus across pages, relevant sitemap, accessible sitemap and search, labeled landmark regions, skip links to main content, coherent tab order, no keyboard traps, single-key shortcut controls, and dismissible hover/focus content. Use this skill when someone asks to check navigation accessibility, verify RGAA Theme 12, audit keyboard navigation, skip links, or tab order.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 13 – Consultation accessibility compliance. Checks that time limits are controllable, new windows are not opened without warning, downloadable documents are accessible, cryptic content has alternatives, no flashing/seizure-inducing content, moving content is controllable, content works regardless of orientation, touch gestures have alternatives, pointer actions are cancellable, and motion-triggered features can be disabled. Use this skill when someone asks to check content consultation accessibility, verify RGAA Theme 13, audit auto-refresh, new windows, or downloadable documents accessibility.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 8 – Mandatory HTML elements accessibility compliance. Checks for valid doctype, valid generated source code, default page language, valid language codes, page title presence and relevance, language change indicators, proper use of HTML tags (not for presentation only), and reading direction changes. Use this skill when someone asks to check HTML validity, page language, page title, RGAA Theme 8, or basic HTML accessibility requirements.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 9 – Information structure accessibility compliance. Checks that headings are used to structure information, the document structure is coherent (header/nav/main/footer landmarks), lists use proper markup (ul/ol/dl), and quotations are correctly marked up. Use this skill when someone asks to check heading structure, landmark regions, semantic HTML structure, RGAA Theme 9, or content organization accessibility.

mteelokee Skill

Audit a web page for RGAA v4.1.2 Theme 10 – Information presentation accessibility compliance. Checks that CSS controls presentation, content remains visible without CSS, information is preserved without CSS, text resizes to 200% without loss, background/foreground colors are paired, link distinction is visible, focus is visible, hidden content is properly managed, information is not conveyed by shape/size/position alone, responsive reflow works at 320px, text spacing is adjustable, and hover/focus additional content is dismissible/hoverable/persistent. Use this skill when someone asks to check CSS accessibility, responsive design, focus visibility, zoom compliance, or RGAA Theme 10.

av-dev2 Skill

Working with Vue SPA within the Frappe framework.

av-dev2 Skill

General Frontend routing and UI related components in Frappe.

noah-zll Skill

GameObject component management. Use when users want to add, remove, or configure components like Rigidbody, Collider, AudioSource. Triggers: component, add component, rigidbody, collider, audio source, script, 组件, 添加组件, 刚体, 碰撞体.

sourav15mukherjee Bundle

Scan web application code for WCAG 2.1 accessibility violations. Use when the user asks to check accessibility, audit a11y, find WCAG issues, review for screen reader support, or improve accessibility. Analyzes components and templates for violations and outputs a prioritized report.