Browse

Entrepreneurship .cursorrules strategies

Filters

Tech

Clear

SEO

React.js

Mongoose ODM

JSON Web Tokens

Dusk

Livewire

Alpine.js

PHPUnit

Paraglide.js

WordPress

Sass

MDX

Less

Netlify

Linux

Framer Motion

Formik

next/image

poetry

Ruby

node-gyp

uuid

mime-types

js-yaml

Istio

CSS frameworks

Expo Router

React Query

Server Components

Sentry

Server Actions

RSC

fetch

React Native Testing Library

Detox

HTTPS

expo-localization

ServeMux

Deno

eslint

microservices architecture

AWS API Gateway

OAuth2

Azure Functions

RQ

AWS CloudWatch

AWS Lambda

Kong

Hono

dataclasses

SQLModel

ERC20

Nuqs

camelCase

Riverpod

getIt

filter

Dart

PascalCase

Flutter

CaveatEnforcer

ASCII

SLF4J

ExecutorService

RxJava

Optional

Project Reactor

Pothos

Vue.js 3

Ollama

BEM

LangGraph

Jenkins

Stream API

Java Collections Framework

CSS3

Google Docs

Microsoft Word

CSV

f-strings

Web Vitals

ShadCN UI

React Hook Form

pnpm

Joi

useEffect

Convex

tokio

anyhow

Typer

ES6+

OpenAI API

Passport.js

SVGO

AVIF

Param

Panel

InertiaJS

Catalyst

MLflow

Categories

Clear

web development

QA best practices

code review

security reviews

Database migrations

Electricity system visualization

Open source software

Australian projects

Async programming

Python development guidelines

Scheduler and task runner

.NET Development

Test Driven Development

Automation Testing

Testing Best Practices

Web Testing

Commit Message Conventions

Code Writing Guidelines

Development Best Practices

Dependencies Management

Python Conventions

Database Modeling

Authentication Security

Python Full-Stack Development.

Framework Development

Asynchronous Processing

Svelte

Overview

Scalable Architecture

Development Environment

Deployment Strategy

Digital Transactions

React Native

Event Management

AI Algorithms

Documentation and Best Practices

Real-Time Features

Maintenance and Support

Firebase Integration

Project Setup

Social Features

Internal Linking

Blogging

External Linking

Page Speed

Schema Markup

Core Web Vitals

Mobile Optimization

User Engagement

Content Optimization

URL Structure

Real-time Graphics

Visual Experience Tools

Full-Stack Development

Error Handling and Validation

Code Style and Structure

Front-End Development

Web Development Strategies

Server Side Rendering

Server-side Logic

Code Patterns

Turborepo

Radix UI

Server-side Development

PostgreSQL

Prisma

Shadcn UI

Forms and Validation

Next.js Best Practices

Web Development Guide

Type Checking

JavaScript Best Practices

Testing Guidelines

APIs

Scheduling

Convex

Cron Jobs

HTTP Requests

CSS Frameworks

Exporting Components

File Upload

Error Logging

Module Exportation

Code Formatting and Style

Package Management

Testing and Validation

Workspace Structure

UI Optimization

Performance Testing

Game Mechanics

Terminal Games

Ruby Programming

Software Development Guidelines

Beginner Programming

Programming Education

Code Feedback

Coding Basics

Learning to Code

Problem Solving

AI Workflows

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

NEW

Next.js Tailwind CSS Guide .cursorrules prompt file

Be terse
This project is my personal website.
It's built with Next.js using the App Router.
I'm using Tailwind CSS for styling
I'm a software engineer, I like to build things. I'm a entrepreneur, I like to build businesses.
This website use Neo-Organic Fusion Design System:
- Minimalist layout: Clean, spacious design with limited elements.
- Soft gradient background: Subtle pastel colors blending together.
- Color brings a design to life. It is used to express emotion and tone, as well as place emphasis and create associations. Color should only be used to attract attention.
- Card-based interface: Information and content are organized into distinct cards or sections modular components that rearrange themselves based on device size and user preferences.
- Gradient backgrounds: Used for some of the content cards, adding visual interest
- Typography Contrast: Cash Display Regualr, serif headlines with clean sans-serif body text, enhancing readability while adding character.
- Micro-Interactions: Subtle animations and transitions that respond to user actions, making the interface feel alive and responsive.
- Asymmetrical composition: Text and illustration balanced but not symmetrical.
- Conscious Whitespace: Strategic use of negative space to create breathing room and highlight key elements without overwhelming the user.
- Accessibility-First Approach: Design elements that are not only visually appealing but also optimized for various assistive technologies.
- Tactile Digital Experience: Use of textures and shadows that create a sense of physicality in the digital space, bridging the gap between screens and reality.
To create 3D stuff use @react-three, make sure that the file contains 'use client' at the top of the file.
When I ask you to implement something or refactor, never replay with "_ ... add existing part ... _/" but just write the code.
Never replay "you'll need to implement this" add the code your self. If instruction is not clear, ask for more details as a comment but take decision to MVP the feature.