Web & Frontend

tryboy869 Bundle

Apply for additional-resources. You are an expert senior software engineer specializing in modern web development, with deep expertise in TypeScript, Medusa, React.js, and TailwindCSS. - Don't use type aliases when importing files.

lvtd-llc Bundle

Design and review htmx endpoint contracts for server-rendered HTML fragments. Use when adding or debugging hx-get, hx-post, hx-put, hx-patch, hx-delete, hx-target, hx-swap, hx-select, out-of-band swaps, HX-Trigger events, partial template responses, redirects, retargeting, or response headers.

lvtd-llc Bundle

Design and review visual content for developer documentation, including screenshots, architecture diagrams, boxes-and-arrows diagrams, flowcharts, swimlanes, video decisions, accessibility, performance, annotations, and visual maintenance. Use when creating or auditing diagrams, screenshots, visual explanations, or media in technical docs.

itsimonfredlingjack-codex-dev-plugin Bundle

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.

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

tryboy869 Bundle

Enforces internal React and TypeScript coding standards using avoid/prefer rules. Use when reviewing or refactoring React/TS code, applying company standards, or when the user asks to align code with coding standards.

tryboy869 Bundle

[Applies to: **/*.{vue,ts,js,jsx,tsx}] Applies to Vue 3 and Nuxt 3 projects, enforcing best practices for frontend development including TypeScript, TailwindCSS, and Composition API.

lvtd-llc Bundle

Derive, review, and debug responsive web layout math for fluid widths, media query ranges, viewport units, percentages, and CSS clamp() formulas. Use when building responsive layouts, converting fixed designs to fluid CSS, calculating breakpoints, choosing vw/svw/lvw/dvw units, or deciding whether CSS math or JavaScript measurement should own a layout behavior.

itsimonfredlingjack-codex-dev-plugin Bundle

Expert accessibility specialist ensuring WCAG compliance, inclusive design, and assistive technology compatibility. Masters screen reader optimization, keyboard navigation, and a11y testing methodologies. Use PROACTIVELY when auditing accessibility, remediating a11y issues, building accessible components, or ensuring inclusive user experiences.

tryboy869 Bundle

[Applies to: **/app/**/*.*] General rules for Next.js 14 development, including using the app directory, server components, and modern TypeScript syntax.

lvtd-llc Bundle

Calculate, review, and generate web color systems using RGB, HSL, LAB, OKLCH, contrast ratios, luminance, opacity, blend modes, and light/dark mode transformations. Use when auditing accessible colors, converting color models, deriving palettes, checking WCAG contrast, building theme tokens, or debugging opacity and CSS blend math.

itsimonfredlingjack-codex-dev-plugin Skill

Expert in secure frontend coding practices specializing in XSS prevention, output sanitization, and client-side security patterns. Use PROACTIVELY for frontend security implementations or client-side security code reviews.

tryboy869 Bundle

[Applies to: src/**/*.*] Enforces best practices for React Native Expo development within the src directory, promoting maintainable and efficient code.

lvtd-llc Bundle

Explain and apply foundational math for front-end development, including arithmetic, algebra, ratios, exponents, roots, linear equations, inequalities, geometry, trigonometry, coordinates, and choosing CSS versus JavaScript math. Use when a web design calculation needs first-principles explanation before applying CSS, JavaScript, Grid, Flexbox, responsive, or color-specific skills.

lvtd-llc Bundle

Design and review adaptive Go CLI terminal experiences with explicit human, plain, and structured modes; per-stream TTY detection; color and accessibility controls; prompts; progress; secret input; cancellation; and broken-pipe handling. Use when a Go CLI must work safely for people, scripts, AI agents, CI, redirected streams, or interactive dashboards.

fdu-ins Skill

Generate a client insurance quote page from a PDF. Parses policy details and creates an HTML carrier comparison page ready for tiiny.host. Handles carrier vs carrier, full coverage vs liability-only, or single carrier scenarios.

lvtd-llc Bundle

Audit and measure developer documentation quality using functional quality, structural quality, accessibility, purpose, findability, accuracy, completeness, clarity, concision, consistency, analytics, user goals, doc goals, and metric plans. Use when evaluating docs, designing documentation metrics, selecting dashboards, or linking docs work to user and business outcomes.

lvtd-llc Bundle

Evaluate A/B tests for inclusive product impact across user groups, accessibility needs, device constraints, privacy behavior, bandwidth, geography, and underrepresented segments. Use when checking whether an experiment benefits or harms different user groups, planning segmentation dimensions, auditing test/control balance, interpreting subgroup effects, or reviewing product changes for inclusive experimentation.

tryboy869 Bundle

[Applies to: **/*.svelte] Applies general Svelte and SvelteKit best practices, including file structure, component development, and state management.

tryboy869 Bundle

Apply for nativescript-cursorrules-prompt-file. --- description: Applies general NativeScript best practices. globs: **/*.tsx, **/*.ts, **/*.vue, **/*.svelte, src/**/*.ts, app/**/*.ts, src/**/*.tsx, app/**/*.tsx, src/**/*.vue, app/**/*.vue, src/**/

tryboy869 Bundle

Apply for qwik-tailwind-cursorrules-prompt-file. // Qwik.js with Tailwind CSS (TypeScript and Vite included) .cursorrules // Prefer functional components const preferFunctionalComponents = true;

tryboy869 Bundle

Apply for typescript-react-cursorrules-prompt-file. --- description: Testing guidelines for TypeScript + React applications, including unit testing, integration testing, and end-to-end testing strategies. globs: src/**/*

tryboy869 Bundle

Apply for react-native-expo-cursorrules-prompt-file. // React Native Expo .cursorrules // React Native Expo best practices const reactNativeExpoBestPractices = [

tryboy869 Bundle

Apply for typescript-nextjs-cursorrules-prompt-file. You are an expert in TypeScript, Node.js, Next.js App Router, Drizzle ORM, React, Daisy UI and Tailwind. Always run bun as a package manager (and not npm) Follow the user's requirements carefully and

tryboy869 Bundle

Apply for vue3-composition-api-cursorrules-prompt-file. --- description: Performance optimization strategies for Vue 3 Composition API applications, including bundle optimization, caching, and rendering strategies. globs: src/**/*

tryboy869 Bundle

Apply for web-app-optimization-cursorrules-prompt-file. You are an expert in Svelte 5, SvelteKit, TypeScript, and modern web development. Key Principles - Write concise, technical code with accurate Svelte 5 and SvelteKit examples.

tryboy869 Bundle

Apply for nextjs-react-tailwind-cursorrules-prompt-file. - You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, and Tailwind and Framer Motion. - Code Style and Structure - Write concise, technical TypeScript code with accurate ex

outlinedriven-odin-claude-plugin Bundle

Use when a complete product needs production-like acceptance evidence against documented acceptance criteria. Not for single-component evaluation or evaluation without documented criteria.

outlinedriven-odin-claude-plugin Bundle

Use when an authorized reference surface needs a clean-room frontend reconstruction across static, motion, and responsive fidelity. Not for styling or component work without a reference surface.

tryboy869 Bundle

Apply for nextjs-react-typescript-cursorrules-prompt-file. --- description: General coding conventions and preferences for Solidity, TypeScript, Node.js, and Next.js projects. This rule sets the foundation for code style and architecture. globs: **/*.{sol,ts,

tryboy869 Bundle

Apply for python-typescript-guide-cursorrules-prompt-file. You are an expert AI programming assistant that primarily focuses on producing clear, readable Python and Typescript code. You always use the latest stable version of Django and React, and you are fam

tryboy869 Bundle

Apply for tailwind-css-nextjs-guide-cursorrules-prompt-file. --- description: Rules for Biome configuration. globs: biome.json

tryboy869 Bundle

Apply for chrome-extension-dev-js-typescript-cursorrules-pro. You are an expert in Chrome Extension Development, JavaScript, TypeScript, HTML, CSS, Shadcn UI, Radix UI, Tailwind and Web APIs. Code Style and Structure: - Write concise, technical JavaScript/TypeSc

tryboy869 Bundle

Apply for cursor-ai-react-typescript-shadcn-ui-cursorrules-p. --- description: General rules for React and TypeScript projects, focusing on code clarity and best practices. globs: **/*.{ts,tsx,js,jsx}

tryboy869 Bundle

Apply for elixir-phoenix-docker-setup-cursorrules-prompt-fil. Act as an expert senior Elixir engineer. Stack: Elixir, Phoenix, Docker, PostgreSQL, Tailwind CSS, LeftHook, Sobelow, Credo, Ecto, ExUnit, Plug, Phoenix LiveView, Phoenix LiveDashboard, Gettext, Jason

pleaseai Skill

Fetch web content in multiple formats using fetch MCP tools. Use when WebFetch fails with 403/access errors, when fetching HTML pages, JSON APIs, plain text, readable article content, or YouTube transcripts. Triggers on mentions of fetching URLs, web scraping, reading web pages, downloading content, or accessing online resources.