Web & Frontend

joaoalvess Bundle

Audit a tvOS app for distance legibility, focus order, captions, subtitles, contrast, VoiceOver or Voice Control compatibility, and reduced motion or transparency behavior. Use when reviewing whether an Apple TV experience is readable, predictable, and accessible from across the room.

tcvdog Skill

Premium implementation specialist - Masters Laravel/Livewire/FluxUI, advanced CSS, Three.js integration

tcvdog Skill

Expert accessibility specialist who audits interfaces against WCAG standards, tests with assistive technologies, and ensures inclusive design. Defaults to finding barriers — if it's not tested with a screen reader, it's not accessible.

tcvdog Skill

Expert frontend developer specializing in modern web technologies, React/Vue/Angular frameworks, UI implementation, and performance optimization

luokai0 Skill

Frontend Developer

luokai0 Bundle

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.

luokai0 Skill

Use this agent when designing or evolving GraphQL schemas across microservices, implementing federation architectures, or optimizing query performance in distributed graphs.

luokai0 Bundle

Convert files and office documents to Markdown. Supports PDF, DOCX, PPTX, XLSX, images (with OCR), audio (with transcription), HTML, CSV, JSON, XML, ZIP, YouTube URLs, EPubs and more.

luokai0 Skill

Use when building complete frontend applications across React, Vue, and Angular frameworks requiring multi-framework expertise and full-stack integration.

luokai0 Skill

Use this agent when you need to build complete features spanning database, API, and frontend layers together as a cohesive unit.

ecnu-icalk Skill

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

GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.

luokai0 Skill

Generate a branded social media image announcing a new feature or update. Analyzes git history, auto-detects brand from codebase (Tailwind, CSS vars, design tokens), replicates UI elements, and captures via Playwright. Use when the user wants to create an announcement image, says 'feature image,' 'announcement graphic,' 'social image for feature,' or wants to visually announce a code change.

luokai0 Bundle

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.

luokai0 Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

luokai0 Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

luokai0 Bundle

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

luokai0 Bundle

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

luokai0 Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

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

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

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

luokai0 Bundle

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

digitalexplorers Skill

Create distinctive, production-grade frontend interfaces with strong visual identity and non-generic design patterns.

digitalexplorers Bundle

Refactor UI code to be fully responsive using modern CSS techniques like container queries, fluid layouts, and mobile-first design.

elijj Bundle

Use this skill when writing a new feature, fixing a bug, refactoring production code, adding an API endpoint, creating a component, or when the user invokes `/tdd` or asks for test-driven development. Trigger it even when the user only asks to refactor, fix, or implement something and the safest path is test-driven. It enforces RED to GREEN to REFACTOR with explicit test evidence, 80%+ coverage expectations, and unit/integration/E2E coverage scaled to risk.

digitalexplorers Skill

Detects bugs, anti-patterns, and risky frontend implementations in React, Next.js, and Angular codebases, especially during debugging, code review, and investigation of unexpected UI behavior

digitalexplorers Skill

Analyzes frontend code for client-side security weaknesses including XSS prevention, secure storage choices, safe DOM handling, and secure API consumption

digitalexplorers Skill

Reduces repeated frontend API calls using local storage, session storage, and basic client-side caching strategies

digitalexplorers Skill

Handles API calls, data mapping, and UI binding in frontend applications

maikotrindade Bundle

GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.

digitalexplorers Skill

Detects React Native specific bugs including JS thread blocking, memory leaks, FlatList misuse, animation issues, platform-specific breakage, navigation bugs, AsyncStorage misuse, keyboard handling, and touch/gesture problems

digitalexplorers Bundle

Analyze and understand frontend codebases, especially React, Next.js, and Angular projects, by extracting structure, components, routing, dependencies, and entry points when exploring unfamiliar UI code

digitalexplorers Skill

Analyzes data movement across frontend, backend, and network layers to detect insecure transport, CORS issues, sensitive data exposure, interception risks, and logging leaks

digitalexplorers Skill

Manages frontend login sessions and authentication flow including token storage, protected routes, session restoration, and logout handling

maikotrindade Bundle

React Native core components, layout, styling, animations, lists, platform APIs, and best practices. Use when building iOS/Android UIs with native components.