Web & Frontend

sickn33 Bundle

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning

sickn33 Bundle

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues.

sickn33 Bundle

Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.

sickn33 Bundle

Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns.

sickn33 Skill

Diff a live page's accessibility violations against a baseline — by default compares uncommitted changes (stash-based), or pass --branch [<name>] to diff against a branch. Reports only new violations introduced, violations fixed, and pre-existing count. Use `scan` for a full audit with no diffing.

sickn33 Skill

Audit a live page for accessibility issues, locate each WCAG violation precisely, and return a selector-grounded fix worklist without editing.

sickn33 Bundle

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

sickn33 Skill

Find and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to a browser-MCP composition or HTML-string audits.

ecnu-icalk Skill

编写一个React组件，用于展示JSON格式的键值对数据。该组件需处理value为数组或包含换行符的字符串的情况，要求Key独占一行并加粗，每个Value元素独占一行。

ecnu-icalk Skill

开发或优化 Vue.js 树形选择组件，支持多级嵌套数据的递归父子联动（父选全选子，父取消全取消子），并简化复杂的选中逻辑代码。

ecnu-icalk Skill

Создание 2D игры на HTML/JS с симуляцией течения жидкости по трубам. Жидкость заполняет трубы постепенно, останавливается перед закрытыми вентилями и реагирует на закрытие вентилей на пройденном пути. Поддерживаются изогнутые сегменты труб.

ecnu-icalk Skill

Generates a structured Standard Operating Procedure (SOP) or checklist with specific HTML formatting, context prioritization, and detailed failure handling. Applicable to general workflows, release notes, gameproxy, solidity claims, articles, philosophy, social media, wellness, health, financial domains, and DAW operations (set, scale, tcp).

ecnu-icalk Skill

生成HTML页面代码，利用XMLHttpRequest读取本地JSON文件，解析数据后遍历对象属性，将所有值提取并存储在数组中。

ecnu-icalk Skill

Develop a modular JavaScript framework for a web-based chess game that auto-plays random valid moves. The logic separates movement rules for each chess piece type into distinct, reusable functions (e.g., for rooks, knights). It handles turn alternation between white and black, random move selection from available legal moves, and synchronization with a static HTML DOM representation of the board.

ecnu-icalk Skill

Generates a single-file HTML and JavaScript solution to render custom vector graphics on an HTML Canvas using a specific text-based command language, adhering to strict parsing constraints to avoid runtime errors.

ecnu-icalk Skill

Generates detailed documentation for Accessibility Centre of Excellence (ACoE) services based on a provided list, covering description, necessity, timing, ownership, and request procedures.

luokai0 Bundle

Build, debug, and deploy websites with HTML, CSS, JavaScript, modern frameworks, and production best practices.

luokai0 Bundle

Monitor web pages for content changes and get alerts. Track URLs, detect updates, view diffs. Use when asked to watch a website, track changes on a page, monitor for new posts/content, set up page change alerts, or check if a site has been updated. Supports CSS selectors for targeted monitoring.

luokai0 Bundle

Deploy Expo/React Native apps to Apple App Store and Google Play Store using EAS Build + Submit. Use when building iOS/Android production builds, submitting to app stores, managing certificates/provisioning profiles, or troubleshooting EAS build failures. Triggers on app store deploy, EAS build, production build, submit to store.

luokai0 Bundle

Complete methodology for building production-grade React applications with architecture decisions, component design, state management, performance optimization, testing, and deployment.

luokai0 Bundle

Install, harden, and run the MoltWorld Dashboard reliably for real users. Use when asked to set up local runtime scaffolding (README/package.json/.env/.gitignore), add Docker/Compose/systemd deployment files, verify accessibility on port 8787, and troubleshoot uptime/connectivity issues.

luokai0 Skill

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works with React 18/19, Next.js 14/15.

luokai0 Bundle

React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vitest, React Testing Library, or reviewing React code. For visual design and aesthetic direction, use frontend-design instead.

luokai0 Skill

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

luokai0 Bundle

Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboards, or frontend applications.

luokai0 Skill

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.

luokai0 Skill

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

luokai0 Skill

Expert knowledge for deploying to Vercel with Next.js Use when: vercel, deploy, deployment, hosting, production.

luokai0 Skill

Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture. Optimizes performance and ensures accessibility. Use PROACTIVELY when creating UI components or fixing frontend issues.

luokai0 Bundle

Master Unity ECS (Entity Component System) with DOTS, Jobs, and Burst for high-performance game development. Use when building data-oriented games, optimizing performance, or working with large entity counts.

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

luokai0 Bundle

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

luokai0 Bundle

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.

luokai0 Bundle

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

luokai0 Bundle

Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.

luokai0 Bundle

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.