Web & Frontend

tryboy869 Bundle

Apply for typescript-react-nextui-supabase-cursorrules-promp. --- description: Specific rules for authentication flows, including login, signup, and logout actions on landing pages. globs: frontend/app/(landing-page)/**/*action.ts

tryboy869 Bundle

Apply for typescript-react-cursorrules-prompt-file. --- description: Performance optimization strategies for TypeScript + React applications, including bundle optimization, caching, and rendering strategies. globs: src/**/*

tryboy869 Bundle

Apply for vscode-extension-dev-typescript-cursorrules-prompt-file. You are an expert in VSCode Extension Development, TypeScript, Node.js, HTML, CSS, VSCode APIs, and Electron. Code Style and Structure: - Write clear, concise TypeScript code following modern ECMAScri

tryboy869 Bundle

[Applies to: **/*.{ts,tsx,js,jsx}] Applies general TypeScript, Node.js, Next.js, and React best practices across the project. It focuses on code style, structure, TypeScript usage, syntax, UI, and performance optimization.

tryboy869 Bundle

Apply for web-app-optimization-cursorrules-prompt-file. --- description: Applies general Svelte and SvelteKit best practices, including file structure, component development, and state management. globs: **/*.svelte

tryboy869 Bundle

Apply for javascript-chrome-apis-cursorrules-prompt-file. --- description: Rules for the overall development process of Chrome extensions, including testing, debugging, and publishing. globs: **/*.{js,html,css,json}

tryboy869 Bundle

Apply for nextjs15-react19-vercelai-tailwind-cursorrules-prompt-file. --- description: Error handling patterns for Next.js 15 and React 19 applications, including error boundaries, API error handling, and graceful degradation strategies. globs: app/**/*

tryboy869 Bundle

Apply for nextjs-react-typescript-cursorrules-prompt-file. You are an expert in Solidity, TypeScript, Node.js, Next.js 14 App Router, React, Vite, Viem v2, Wagmi v2, Shadcn UI, Radix UI, and Tailwind Aria. Key Principles - Write concise, technical responses w

tryboy869 Bundle

Apply for react-native-expo-router-typescript-windows-cursorrules-prom. --- description: Provides specific version compatibility notes for NativeWind and Tailwind CSS to prevent common installation errors. globs: package.json

tryboy869 Bundle

Apply for system-prompt-nextjs-14-and-tailwind-css-code-generation-wit. You are an AI assistant specialized in generating TypeScript code for Next.js 14 applications using Tailwind CSS. Your task is to analyze design screenshots and create corresponding TypeScript code th

tryboy869 Bundle

Apply for typescript-vite-tailwind-cursorrules-prompt-file. You are an expert in TypeScript, Node.js, Vite, Vue.js, Vue Router, Pinia, VueUse, DaisyUI, and Tailwind, with a deep understanding of best practices and performance optimization techniques in these t

tryboy869 Bundle

Apply for cursor-ai-react-typescript-shadcn-ui-cursorrules-p. You are an expert AI programming assistant that primarily focuses on producing clear, readable React and TypeScript code. You always use the latest stable version of TypeScript, JavaScript, React, Nod

tryboy869 Bundle

Apply for javascript-astro-tailwind-css-cursorrules-prompt-f. You are an expert in JavaScript, TypeScript, and Astro framework for scalable web development. Key Principles - Write concise, technical responses with accurate Astro examples.

tryboy869 Bundle

Apply for nodejs-mongodb-jwt-express-react-cursorrules-promp. Tech Stack: Backend: Node.js with Express.js Database: MongoDB with Mongoose ODM

tryboy869 Bundle

Apply for python-fastapi-best-practices-cursorrules-prompt-f. --- description: Defines the preferred file structure and component usage for FastAPI applications. globs: **/main.py

tryboy869 Bundle

Apply for react-typescript-nextjs-nodejs-cursorrules-prompt-. You are an expert in Solidity, TypeScript, Node.js, Next.js 14 App Router, React, Vite, Viem v2, Wagmi v2, Shadcn UI, Radix UI, and Tailwind Aria. Key Principles: - Write concise, technical responses

tryboy869 Bundle

Apply for typescript-nextjs-supabase-cursorrules-prompt-file. --- description: Rules for integrating Vercel AI SDK into Next.js applications for building AI-powered features. globs: /app/**/*.(ts|tsx)

tryboy869 Bundle

Apply for typescript-nodejs-nextjs-react-ui-css-cursorrules-. You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind. Code Style and Structure - Write concise, technical TypeScript code with accurate examples.

tryboy869 Bundle

Apply for typescript-react-nextjs-cloudflare-cursorrules-pro. --- description: General rules for TypeScript, Node.js and Next.js projects, focusing on best practices and preferred technologies. globs: **/*.{ts,tsx,js,jsx}

tryboy869 Bundle

Apply for react-native-expo-router-typescript-windows-cursorrules-prom. // React Native Expo .cursorrules // React Native Expo Best Practices const reactNativeExpoBestPractices = [

jantoniofc Skill

Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.

zhizhunbao-ai-dev-config Bundle

Learn RAG by building real applications. Use when (1) building first RAG from scratch, (2) understanding RAG component design, (3) debugging retrieval problems, (4) optimizing retrieval quality, (5) comparing RAG frameworks.

dirnbauer Bundle

Use when looking up library documentation, API references, framework patterns, or code examples for ANY library (React, Next.js, Vue, Django, Laravel, etc.) and the Context7 MCP server is unavailable or not configured. Fetches the same current docs directly via the Context7 REST API as a fallback. Triggers on: how to use library, API docs, framework pattern, import usage, library example.

dirnbauer Bundle

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.

dirnbauer Bundle

Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone UI, iOS components, accessibility, Dynamic Type, Dark Mode, or HIG compliance.

dirnbauer Bundle

Configures and debugs Apache Solr search for TYPO3, including EXT:solr, configsets, indexing queues, Tika/file indexing, facets, suggest, routing, PSR-14 events, custom indexers, vector search, and frontend search UI. Use when the user mentions Solr, EXT:solr, indexing, facets, autocomplete, suggest, Tika, solrfal, search debugging, or vector search in TYPO3.

dirnbauer Bundle

Use when configuring Vite 7 for TYPO3 v13/v14 LTS projects, setting up SCSS architecture with Bootstrap 5.3 theming, creating entrypoints per content element, optimizing SVGs, configuring PostCSS (autoprefixer, cssnano), loading local fonts, or customizing Bootstrap variables. v14 removed core asset concat/compression (#108055) — external build tool is now mandatory. Also triggers for: vite-asset-collector, asset hashing, Gzip/Brotli compression, SCSS import chain, selective Bootstrap imports, CSP compliance, post-v14 frontend build pipelines.

dirnbauer Bundle

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For dev-loop CLI commands (init, lint, inspect, preview, render) see the hyperframes-cli skill; for asset preprocessing commands (tts, transcribe, remove-background) see the hyperframes-media skill.

dirnbauer Bundle

Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.

dirnbauer Bundle

Use when conducting security assessments — OWASP Top 10 / API / LLM, CWE Top 25, CVSS scoring — auditing PHP/TYPO3, APIs, frontend, Terraform/K8s/Docker IaC, AWS cloud, AI agent configs, or scanning dependencies.

dirnbauer Bundle

Update a TYPO3 v12 or v13 site to TYPO3 14.3 LTS as v14-only code inside a local DDEV project, wrapped in a visual regression main loop with a bundled Playwright harness: validate sitemap.xml for all languages, update Bootstrap 5, run an accessibility loop to green, baseline a random sitemap sample, update — extension strategy (Packagist, local packages/, forks, uninstall checks), Composer, PHP 8.4+, Rector/Fractor, PHPStan, upgrade wizards, workspaces, plain Vite build, plus Solr, Visual Editor, CKEditor RTE, and security-header upgrades — then repair until rendering is identical, and finish with a backend module sweep, Lighthouse over up to 100 pages, and a webconsulting Word KPI report. Never deploys to staging or live. Use for a complete TYPO3 v14 update of a v12/v13 site, updating all extensions to v14, visual regression testing around an update, pre-update sitemap, Bootstrap or accessibility work, a DDEV-local upgrade run, a reusable v14 updater prompt, or a publication-ready TYPO3 14.3 extension.

dirnbauer Bundle

Guides TYPO3 Workspaces versioning, staging, publishing, overlays, workspace-aware queries, file limitations, permissions, frontend preview, diagnostics, repair, and tests. Use when the user works with TYPO3 workspaces, draft content, staged publishing, versioning, workspace overlays, review workflows, file collections, or workspace-specific bugs.

dirnbauer Bundle

Audits and implements TYPO3 accessibility patterns for WCAG 2.2 AA, including Fluid templates, PHP helpers, JavaScript widgets, forms, focus states, ARIA, and go-live checks. Use when building or reviewing TYPO3 templates, content elements, extensions, or frontend code for accessibility, keyboard support, screen readers, WCAG, ARIA, or a11y readiness.

dirnbauer Skill

Installs, configures, removes, and migrates TYPO3 sitepackages for FriendsOfTYPO3 Visual Editor, including inline editing, f:render.text, f:render.contentArea, f:mark.contentArea, record transformation, PAGEVIEW content areas, colPos migration, and template readiness. Use when the user mentions Visual Editor, inline editing, frontend editing, content areas, Fluid template migration, or visual editing readiness in TYPO3 13/14.

dirnbauer Bundle

Build, review, or migrate TYPO3 v14 backend Web Components with Lit, ES module import maps, AssetCollector/f:asset.module, backend modules, FormEngine/Form Editor integrations, AJAX routes, and reusable TYPO3 backend components. Use whenever the user mentions TYPO3 backend JavaScript, Web Components, Lit, LitElement, custom elements, @typo3/* modules, JavaScriptModules.php, backend module UI, Form Editor stage components, Camp Vienna Lit examples, component performance, or whether TYPO3 backend Web Components should be used in the frontend.

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