Web & Frontend

cleanexpo Skill

>-

cleanexpo Skill

>-

cleanexpo Bundle

>-

cleanexpo Bundle

>-

cleanexpo Skill

>-

cleanexpo Bundle

>-

cleanexpo Skill

>-

cleanexpo Bundle

>-

cleanexpo Skill

Autonomous project orchestration protocol for Next.js full-stack builds. Triggers on \"build\", \"implement\", \"create feature\", \"plan\", \"architecture\", or when starting new phases. Enforces phase-locked execution, token economy, and sectional verification gates.

cleanexpo Skill

Use when facing 2+ independent failures or tasks that can be worked on concurrently without shared state. Groups independent failures by component (frontend/backend/database), launches concurrent agents, integrates results, then runs full test suite. Triggers on multiple independent test failures, multi-component CI failures, or parallel feature work.

frankxai Bundle

Vercel/Next.js excellence swarm orchestration. Use when /v fires, or any time the user asks to build, deploy, audit, research, or fix something on a Next.js+Vercel stack. Routes work to parallel specialist agents (nextjs-vercel-deployment, performance-guardian, frankx-website-builder, accessibility-auditor, ui-ux-design-guidance), runs Vercel MCP deployment checks (deploy_to_vercel, get_deployment, search_vercel_documentation, get_runtime_logs), and grounds recommendations in references/thought-leaders.md, references/best-practices-2026.md, references/deployment-checklist.md.

frankxai Skill

Comprehensive Next.js expertise across App Router, server/client boundaries, data and caching patterns, and production operations. Use when building, debugging, or optimizing a Next.js app, deciding server vs client components, or resolving App Router gotchas.

frankxai Skill

Vercel intelligence — Next.js + Turbopack, AI SDK, AI Gateway, Fluid Compute, Sandbox, Queues, Agent, Vercel Partner Program, May 2026 state, Frank's relationship state, integration patterns. Use when generating Vercel content, writing about Next.js or the AI SDK, partnership-conversation prep for Vercel, or evaluating new Vercel releases.

frankxai Bundle

Multi-agent workflow for planning, building, testing, and shipping Next.js applications. Use when building a Next.js app end-to-end with a team of specialist agents, or coordinating plan→build→test→ship for a Next.js project.

frankxai Skill

Web design and UX guidance for visual systems, accessibility, interaction patterns, and performance-aware interfaces. Use when designing a website's look and feel, improving UX/accessibility, or reviewing a UI for polish and performance.

frankxai Skill

Advanced Next.js (App Router) and React engineering for architecture, server/client boundaries, data fetching, caching, performance, and production operations. Use when building, reviewing, or debugging modern React/Next.js applications.

frankxai Skill

Expert guidance on UI/UX design, design systems, accessibility (WCAG 2.2), user research, and creating inclusive, user-centered interfaces with 2025 best practices. Use when designing or auditing an interface, building a design system, or checking accessibility against WCAG 2.2.

frankxai Bundle

Guided Next.js upgrade workflow — version migration, compatibility checks, and safe rollout. Use when upgrading Next.js across major versions, resolving breaking changes, or planning a staged migration.

frankxai Skill

The sequencing contract for any website or web-design work — new page, landing page, hero, redesign, component, layout, styling, motion, or visual polish on a web surface. Use whenever a task will change what a site looks like, feels like, moves like, or how it is interacted with, including any edit to .tsx/.jsx/.vue/.svelte/.css/.scss under app/, components/, pages/, src/, or styles/. Routes to the right specialist skill for each phase (ui-ux-pro-max, emil-design-eng, apple-design, review-animations, web-design-guidelines, core-web-vitals, visual-proof, image-to-code, extract-design-system, brandkit) and defines what "done" requires. Read this before writing UI code, not after.

bobo070314 Bundle

React component patterns and best practices

igbuend Skill

Process, analyze, and transform SARIF files using Microsoft's sarif-tools CLI. Use when consolidating SARIF outputs from multiple scanners, generating CSV/HTML/Word reports, diffing scan results between builds, filtering findings, adding git blame information, or producing Code Climate reports for GitLab.

igbuend Skill

Security anti-pattern for Cross-Site Scripting vulnerabilities (CWE-79). Use when generating or reviewing code that renders HTML, handles user input in web pages, uses innerHTML/document.write, or builds dynamic web content. Covers Reflected, Stored, and DOM-based XSS. AI code has 86% XSS failure rate.

igbuend Skill

Security anti-pattern for mutation XSS (mXSS) vulnerabilities (CWE-79 variant). Use when generating or reviewing code that sanitizes HTML content, handles user-provided markup, or processes rich text. Detects sanitizer bypass through browser parsing mutations.

igbuend Skill

Security anti-pattern for DOM Clobbering vulnerabilities (CWE-79 variant). Use when generating or reviewing code that accesses DOM elements by ID, uses global variables, or relies on document properties. Detects HTML injection that overwrites JavaScript globals.

dinhanhthi Bundle

Gate before writing production code — direct implementation by default, TDD (RED→GREEN→REFACTOR) with `--add-tests` or config `tdd: true`. TRIGGER — any new feature, implementation, or refactor: "implement this", "build this feature", "create a function", "add a new endpoint", "write the implementation", "refactor this", "write a test", "add tests", "create a component", "implement the API", "add a route"; also when planning shifts into writing code — load this first. SKIP — docs-only changes, config edits, non-code files, or questions with no requested change.

jnzader-vault Skill

Astro 4.x SSR framework with React islands, API routes, middleware, and View Transitions. Trigger: astro, ssr, islands architecture, static site, hybrid rendering

jnzader-vault Skill

Mantine 7.x UI components, theming, forms, charts, and hooks for React applications. Trigger: mantine, ui components, forms, notifications, charts, data table

jnzader-vault Skill

Cross-platform mobile development with Ionic 8, Capacitor 6, and offline-first SQLite patterns. Trigger: Ionic, Capacitor, mobile app, React Native alternative, SQLite mobile, offline sync, push notifications

jnzader-vault Skill

Backend for Frontend pattern. Client-specific APIs, response tailoring, aggregation. Trigger: BFF, backend for frontend, aggregation, client-specific, mobile API

jnzader-vault Skill

Modern web frontend patterns with Astro, React, Mantine UI, and TanStack Query. Trigger: Astro, React frontend, Mantine, TanStack Query, React Query, dashboard, web app, frontend patterns

jnzader-vault Skill

Zustand state management patterns with immer, persist middleware, and React integration. Trigger: Zustand, state management, store, React state, immer, persist, global state

jnzader-vault Skill

Mobile app development with Ionic 8, Capacitor 6, and React for cross-platform iOS/Android applications. Trigger: ionic, capacitor, mobile app, ios, android, hybrid app, offline-first

jnzader-vault Skill

Frontend testing patterns with Vitest, Testing Library, and MSW for React applications. Trigger: Vitest, testing library, MSW, frontend testing, React testing, unit test, component test

jnzader-vault Skill

TanStack Query v5 for data fetching, caching, mutations, and server state management. Trigger: tanstack query, react query, data fetching, cache, mutations, prefetch

jnzader-vault Skill

Zod schema validation for TypeScript with runtime type checking, form validation, and API contracts. Trigger: zod, validation, schema, typescript types, form validation, api contracts

1mangesh1 Bundle

JavaScript/TypeScript testing with Jest and Vitest. Use when user asks to "write JS tests", "add unit tests", "test React component", "mock a module", "snapshot testing", "test async code", "set up Jest", "migrate to Vitest", or any JS/TS testing tasks.