Web & Frontend

intense-visions Bundle

Harness Accessibility

shenxingy Skill

Compose high-converting emails using proven copy frameworks (PAS, AIDA, BAB, FAB, 4Ps). Generates subject line variants with scores, responsive HTML templates with dark mode support, plain-text fallback, and preheader recommendations. Optimized for cold outreach, newsletters, product launches, promotions, and transactional emails. Adapts to user context from email-profile.md.

shenxingy Bundle

Create, prototype, redesign, audit, or optimize production-grade interfaces across websites, responsive/mobile web, iOS/iPadOS/macOS, Android, Windows, Electron/Tauri, Flutter/React Native, and other local/native apps — UI/UX, visual polish, named or tunable themes and design variants, components, interaction and motion, design systems, and decks, including requests such as 设计页面、优化网页/界面/UI、设计主题/视觉风格/界面版本. Runs a platform-aware benchmark, design-direction profiles, an optional preview checkpoint, implementation, accessibility checks, and rendered/live verification.

shenxingy Bundle

Deploy to the company intranet and prove the served state — publish a single HTML report to the Artifact Hub (slug directory + manifest under the hub root), or rebuild and reload an app behind its process manager and reverse proxy, then smoke-verify the internal URL and report exactly what changed. NOT public/cloud deployment or CI pipeline configuration.

shenxingy Bundle

Create, prototype, redesign, audit, or optimize production-grade interfaces across websites, responsive/mobile web, iOS/iPadOS/macOS, Android, Windows, Electron/Tauri, Flutter/React Native, and other local/native apps — UI/UX, visual polish, named or tunable themes and design variants, components, interaction and motion, design systems, and decks, including requests such as 设计页面、优化网页/界面/UI、设计主题/视觉风格/界面版本. Runs a platform-aware benchmark, design-direction profiles, an optional preview checkpoint, implementation, accessibility checks, and rendered/live verification.

shenxingy Bundle

Build editorial/magazine/report webpages on a GENUINE Müller-Brockmann modular grid (International Typographic Style), not a decorative one — columns + modules + baseline, grotesque type, flush-left ragged-right, restrained black/white/red — with the engineering that makes the grid load-bearing: CSS-variable source of truth, in-box grid-toggle overlay, subgrid bands, 8px baseline lock, optical alignment, a scaffold generator, and a Puppeteer harness proving 0px adherence. Triggers: magazine spread, grid system, Swiss design, editorial layout, grid overlay, baseline/modular grid, 12-column layout, 瑞士网格, 版面网格.

modbender Bundle

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Focuses on creative direction and memorable design choices.

modbender Bundle

Send transactional emails and notifications via SendGrid v3 Mail Send API. Supports simple emails, HTML/text content, attachments, CC/BCC, dynamic templates, and personalization. Use when sending welcome emails, password resets, receipts, notifications, or any programmatic email. Triggers on send email, transactional email, SendGrid send, email notification, welcome email, password reset email, email template, dynamic template.

ncdevshiv Skill

You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to identify injection poi

ncdevshiv Skill

You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N

ncdevshiv Bundle

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

ncdevshiv Skill

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

ncdevshiv Skill

Optimize end-to-end application performance with profiling, observability, and backend/frontend tuning. Use when coordinating performance optimization across the stack.

bytesagain Bundle

Astro web framework reference — zero JavaScript by default with Islands Architecture. Covers project setup, file-based routing, framework islands (React/Vue/Svelte), hydration directives, content collections, SSR/SSG, View Transitions, and deployment.

bytesagain Bundle

Plotly interactive visualization library reference. Create web-based charts with hover, zoom, and animation. Covers Express API for quick plots, Graph Objects for full control, subplots, 3D scatter, maps, candlestick charts, themes, and HTML/image export.

bytesagain Bundle

Cypress end-to-end testing framework reference. Covers test writing with selectors and assertions, network interception and stubbing, custom commands, fixtures, component testing, CI/CD integration with GitHub Actions, and configuration.

bytesagain Bundle

Passkey passwordless authentication reference. Synced FIDO2 credentials via iCloud/Google. Covers frontend registration and login code, conditional UI autofill, feature detection, platform support matrix, UX best practices, database schema, and password-to-passkey migration strategy.

bytesagain Bundle

Code minification and compression tools reference. Covers Terser, esbuild, SWC for JavaScript. cssnano, Lightning CSS for stylesheets. SVGO for SVG, sharp for images, html-minifier-terser, and gzip/brotli pre-compression. Includes speed benchmarks and Webpack integration.

bytesagain Bundle

nbconvert Jupyter notebook conversion reference. Convert ipynb to HTML, PDF, slides, Markdown, scripts. Covers execute-then-convert, no-input mode for reports, Reveal.js slides, Python API, custom templates, tag-based cell removal, and CI/CD automation.

kensaurus Skill

Pass/fail health check across every Mushi Mushi pipeline component — CLI credentials, API reachability, edge functions, BYOK key pool, QA cron. Use when "is mushi working", "mushi health check", "check mushi pipeline", "mushi deploy check", "pipeline not responding", or right after setup.

kensaurus Bundle

Create a live React canvas beside chat for standalone analytical artifacts that benefit from visual layout: quantitative/security/ architecture analyses, data-heavy timelines/charts/tables, interactive explorations, or repeatable tools. Do not use for simple prose or code changes.

kensaurus Bundle

Design and implement new isolated motion — micro-interactions, page transitions, scroll, hover — with Framer Motion, CSS, or GSAP. Use when adding one animation to a new surface. Existing-app coherent pass → enhance-motion. Do not fire for "motion pass across the app".

kensaurus Skill

Create a new production-grade UI from scratch — not a polish pass. Use when "build this UI", "design this page", or "new dashboard layout". Polish existing → enhance-web-ui. Landing → enhance-web-landing. Redesign existing → enhance-web-redesign.

kensaurus Bundle

Polish an existing React Native screen to feel intentional, native, and human-crafted. Use for "this screen looks off", "feels clunky on iOS", "Android version looks wrong", "jank when scrolling", "button is unreachable", or any RN-specific UX polish pass.

kensaurus Bundle

Add purposeful 3D/WebGL and scroll choreography to an existing site with Three.js/R3F, GSAP, or Motion. Use when "add 3D", "WebGL hero", "React Three Fiber", or "scroll-driven 3D". General UI polish → enhance-web-ui. Motion without 3D → enhance-motion.

kensaurus Skill

Upgrade an existing site/app to premium quality. Use when "redesign this app" or "upgrade UI to premium". One-page polish → enhance-web-ui. Plan-only slop audit → plan-antislop. New UI from scratch → design-frontend.

kensaurus Skill

Fix React Native / Expo performance, build, and upgrade issues. Use for jank, frame drops, slow startup, large bundles, memory leaks, Hermes, FlashList, Reanimated, Turbo Modules, Android 16KB alignment, or RN/Expo version upgrades.

kensaurus Skill

Plan-only App Store/Google Play submission audit for Capacitor/React Native: manifests, permissions, privacy forms, signing/config, listing prerequisites. Use when "ready for App Store?", "will Google Play reject this?", or "pre-submission check". Native security → plan-capacitor-hardening.

kensaurus Skill

Diagnose and fix frontend↔backend contract failures by tracing client requests, server logs, validation, auth, and responses on both sides. Use for API 4xx/5xx, mismatched payloads, validation failures, or "frontend and backend disagree". Single-layer errors → debug-error.

kensaurus Bundle

Audit visual-system coherence: tokens, component variants, color/type/ spacing, dark mode. Use for "design drift", inconsistent UI, or duplicate primitives. Per-page usability → audit-ux. Breakpoints → audit-responsive. Empty/error states → audit-ui-states. Plan-only unification → plan-uiux-unification.

kensaurus Bundle

Third-party skill — Vercel Web Interface Guidelines compliance (focus, forms, animation, copy). Use when the user names Vercel guidelines, web interface guidelines, or /thirdparty-web-interface-guidelines. Generic a11y → audit-accessibility.

nous-hermeshub Skill

Production-grade Stripe integrations: subscriptions with trials and proration, one-time payments, usage-based billing, checkout sessions, idempotent webhook handlers, customer portal, and invoicing. Covers Next.js, Express, and Django patterns. Us...

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

michaelschecht Skill

Design game user interfaces and user experience flows including HUD, menus, inventory screens, accessibility, and player feedback systems. Use when designing how the player interacts with game systems visually. Also trigger for "game UI", "game UX", "HUD design", "menu design", "inventory UI", "game accessibility", or "game interface".

terminalskills Bundle

Assists with building and deploying full-stack serverless applications on AWS using SST. Use when defining Lambda functions, API Gateway routes, DynamoDB tables, S3 buckets, or deploying Next.js/Remix/Astro with SSR on AWS. Trigger words: sst, serverless stack, sst dev, sst deploy, aws lambda, sst ion, resource linking.

terminalskills Bundle

You are an expert in SWC, the Rust-based JavaScript/TypeScript compiler. You help developers replace Babel and Terser with SWC for 20-70x faster compilation, minification, and bundling — used by Next.js, Vite, Parcel, and Deno as their default compiler, handling TypeScript stripping, JSX transformation, polyfill injection, and code minification at native speed.