Web & Frontend

sameeh07 Bundle

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

jander99 Bundle

Write, create, generate, debug, and fix Angular unit tests, component tests, service tests, and e2e tests. Vitest is the default test runner for Angular v21+ (also supports Jest, Jasmine, Cypress, Playwright, TestBed). Use when testing components, services, signals, observables, DOM interactions, or mocking dependencies.

jander99 Bundle

Create, build, refactor, and optimize Angular components with signals, inputs, outputs, lifecycle hooks, change detection, content projection, and smart/presentational patterns. Use when building UI components, fixing component bugs, or improving performance.

leynos Bundle

Use Zod 4 idiomatically in TypeScript projects for schema validation, type inference, serialization/deserialization, JSON Schema interop, and error handling. Trigger whenever the user mentions Zod, schema validation in TypeScript, runtime type checking, form validation, API contract validation, z.object, z.string, z.infer, z.parse, or is writing TypeScript code that involves parsing, validating, or transforming untrusted data. Also trigger when migrating from Zod 3 to Zod 4, or when the user references Zod schemas in the context of OpenAPI, JSON Schema, tRPC, React Hook Form, or similar integrations. This skill covers Zod 4.x (including 4.1 codecs, 4.3 features) and explicitly flags Zod 3 assumptions that no longer hold.

dmitryprg-ai Bundle

Deploy backend and/or frontend services. Use after npm run build completes, when restarting services, when user mentions deploy/build/restart, or when page shows Application error. Also trigger on 502/503 errors, service health check failures, or after code changes that need deployment.

hs3180 Bundle

macOS screen/keyboard/mouse control via Accessibility API and CGEvent. Use when user wants to control desktop applications, automate UI interactions, take screenshots, click elements, type text (including Chinese), or manage windows on macOS. Triggers on keywords like 'Mac控制', '屏幕控制', '桌面自动化', 'Mac automation', 'screen control', 'click element', 'type text'.

terrazul-ai Skill

Comprehensive UX audit combining heuristics, accessibility, and flow testing across multiple pages

a-evo-lab Skill

How to interpret accessibility tree elements and correlate them with screenshot regions for accurate GUI interaction.

terrazul-ai Skill

Deep WCAG 2.1 criterion-by-criterion accessibility evaluation

terrazul-ai 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. Generates creative, polished code that avoids generic AI aesthetics.

marsolab Bundle

Go development for backends, microservices, APIs, CLI tools, daemons, workers, data pipelines, and libraries. Use when writing, reviewing, refactoring, debugging, or designing Go code; working with .go files, go.mod, the Go toolchain or standard library; or handling Chi, sqlc, goose, slog, goroutines, channels, context, generics, linting, or tests. Routes work to focused sibling Go skills. Skip tasks with no Go component.

diversioteam Bundle

Digest-first frontend skill with repo classification, dynamic detection, and internal lane routing for review, API, testing, analytics, observability, CI/CD, planning, and commit workflows.

alienfast Bundle

Generates React components following established conventions. Use when creating new React components, hooks, or when refactoring existing components to match standards.

marsolab Bundle

Frontend web development with Bun, Astro, React, Preact, Tailwind CSS v4, and Shadcn UI. ALWAYS use this skill when the user's task involves frontend or web UI work — building websites, web apps, landing pages, dashboards, components, or pages. This includes: Astro islands architecture, React or Preact components, Tailwind styling, Shadcn UI setup, frontend testing with Playwright and Lightpanda, accessibility, web performance, forms, data tables, static sites, SSR, View Transitions, content collections, MDX, deployment to Vercel/Netlify/Cloudflare, or any task mentioning .astro/.tsx/.jsx files, CSS utilities, or frontend build tooling. Even if the user just says "build me a page" or "create a website" — use this skill.

diversioteam Bundle

Create, inspect, or update Diversio Crafting sandbox instances with the cs CLI, branch overrides, frontend/design-system builds, and database snapshots.

diversioteam Bundle

Plan and execute backend and frontend Dependabot remediation with wave-based sequencing, resolver validation, and post-merge closure checks.

wulaosiji Bundle

将pitch deck PPT(.pptx)或PDF(.pdf)转换为精美的、响应式的、自包含HTML演示文稿。适合通过邮件、微信、二维码或浏览器分享路演材料，无需文件附件。 Use when: "BP转网页", "PPT转HTML", "pitch deck online", "商业计划书在线演示", "把PPT变成网页", "生成HTML版BP", "pdf to html presentation", "网页版PPT", "在线演示文稿". 输出单个离线可用的.html文件，支持幻灯片导航、键盘控制和移动端响应式。Cross-references: pitch-deck-creator, business-plan-ppt. Built by UniqueClub 🌐 https://uniqueclub.ai

reggiechan74 Bundle

This skill should be used when the user asks to "generate a website from a report", "convert markdown to React site", "create presentation website", "build interactive site from research", "turn my report into a website", "make my research interactive", "parse report for web", "scaffold Vite React project", "deploy to GitHub Pages", or needs guidance on markdown parsing strategy, component composition, interactive element detection, or static site generation from research documents.

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

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

reggiechan74 Bundle

This skill should be used when the user asks to "design accessible curriculum", "apply UDL", "accommodate diverse learners", "create inclusive workshops", "ensure accessibility", or references Universal Design for Learning. Also applies when generating lesson plans, outlines, or activities to ensure multiple means of representation, engagement, and expression. Provides practical guidance for creating inclusive, accessible learning experiences in 1-2 day workshop contexts.

booklib-ai Bundle

Apply web animation principles from Animation at Work by Rachel Nabors. Covers human perception of motion, 12 principles of animation, animation patterns (transitions, supplements, feedback, demonstrations, decorations), CSS transitions, CSS animations, Web Animations API, SVG/Canvas/WebGL, communicating animation with storyboards and motion comps, performance (composite-only properties, will-change, RAIL), accessibility (prefers- reduced-motion, vestibular disorders), and team workflow. Trigger on "animation", "transition", "CSS animation", "keyframe", "easing", "motion design", "web animation", "prefers-reduced-motion", "storyboard", "parallax", "loading animation", "hover effect", "micro-interaction".

danielpodolsky Skill

Reviews React/Vue component architecture, state, and hooks. Use when junior builds components, forms, modals, uses useState, useEffect, adds state, or asks "is this good React".

danielpodolsky Skill

Reviews accessibility including WCAG, ARIA, keyboard navigation. Use when junior builds forms, buttons, modals, interactive elements, or asks "is this accessible", "a11y", "screen reader".

aaddrick Bundle

Comprehensive UI/CSS review using parallel agents. Each agent reviews against a specific UI design fundamentals section. Use when reviewing frontend code, CSS, Blade templates, or components.

booklib-ai Bundle

Apply Web Scraping with Python practices (Ryan Mitchell). Covers First Scrapers (Ch 1: urllib, BeautifulSoup), HTML Parsing (Ch 2: find, findAll, CSS selectors, regex, lambda), Crawling (Ch 3-4: single-domain, cross-site, crawl models), Scrapy (Ch 5: spiders, items, pipelines, rules), Storing Data (Ch 6: CSV, MySQL, files, email), Reading Documents (Ch 7: PDF, Word, encoding), Cleaning Data (Ch 8: normalization, OpenRefine), NLP (Ch 9: n-grams, Markov, NLTK), Forms & Logins (Ch 10: POST, sessions, cookies), JavaScript (Ch 11: Selenium, headless, Ajax), APIs (Ch 12: REST, undocumented), Image/OCR (Ch 13: Pillow, Tesseract), Avoiding Traps (Ch 14: headers, honeypots), Testing (Ch 15: unittest, Selenium), Parallel (Ch 16: threads, processes), Remote (Ch 17: Tor, proxies), Legalities (Ch 18: robots.txt, CFAA, ethics). Trigger on "web scraping", "BeautifulSoup", "Scrapy", "crawler", "spider", "scraper", "parse HTML", "Selenium scraping", "data extraction".

aaddrick Bundle

Bulletproof CSS and frontend design principles from "Handcrafted CSS" by Dan Cederholm. Apply when writing CSS, HTML, Blade templates, or reviewing frontend code. CSS is king — refactor Tailwind when encountered.

shining319 Bundle

Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. | 数据驱动的专业 UI/UX 设计智能，包含 50+ 设计风格、21 种配色方案、50 种字体配对，支持 9 种前端框架。可搜索的设计知识库，用于专业 UI/UX 实现。

erhankaraarslan Skill

Debug stratejileri, log analizi, stack trace okuma. BACKEND/FRONTEND developer agent'lar için pratik debugging rehberi.

bang-isme Skill

Use for flows, IA, cognitive load, empty/error/loading states, content ranges, and responsive accessibility before visual decoration.

bang-isme Bundle

Use for UI, frontend, styling, landing page, or component work; applies grammar (surface mode, change mode, composition, motion) instead of mandatory palettes.

tsinghua-fib-lab Skill

Composable HTML block patterns for agentsociety-analysis reports — KPI strips, figure cards, Mermaid, EDA tabs, optional interactive chart iframes. Use during Stage 5 produce when authoring report_zh.html / report_en.html.

tsinghua-fib-lab Skill

Multi-modal interactive data presentation for agentsociety-analysis — EDA bundle (PyGWalker, Plotly, sortable tables, eda_hub), plotly/altair claim charts, HTML tab surfaces. Use in explore, refine, and produce stages.

bang-isme Bundle

Use for frontend, backend, mobile, debugging, security, or specialized engineering work that needs focused domain references and strict boundaries.

weirdgme Bundle

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

arosenkranz Skill

Use when asked to verify UI changes, check the frontend visually, confirm a page looks correct, test UI interactions, or validate that recent frontend changes work. Invoke via /verify-ui. Accepts optional path (e.g. /verify-ui /dashboard) and optional "deep" argument for interactive testing.