holtwood/awesome-cursorrules-zh

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Rules for configuring a Chrome extension's manifest file, which declares the extension's settings, features, and requested permissions.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Performance guidelines for Chrome extensions that limit background work, load nonessential features only when needed, and reduce the effect of content scripts on web pages.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Security and privacy guidelines for Chrome extensions, including rules for protecting network requests, user input, and external data.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

TypeScript guidelines for defining data shapes with interfaces and checking different possible values with union types and type guards.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

User-interface and CSS guidelines for Chrome extension pop-ups and settings pages, covering responsive layouts and consistent styling.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Guidelines for using Apollo Client's built-in cache, which stores query results so an app can reuse them instead of requesting the same data again.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Guidelines for wrapping Apollo Client queries, mutations, and subscriptions in reusable custom React hooks. The hooks can expose data, loading, and error states with TypeScript types.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A debugging guide for Apollo Client DevTools, a browser extension for inspecting GraphQL requests and Apollo's local cache. It covers queries, mutations, subscriptions, variables, responses, and errors.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A setup rule for placing ApolloProvider at the root of a React application. ApolloProvider makes one configured Apollo Client available to all child components.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A usage guide for fetching, changing, and subscribing to GraphQL data with Apollo Client in React. It covers loading and error states, cache updates, refetching, and reusable GraphQL fragments.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A React error-handling rule for GraphQL operations. An error boundary is a component that shows fallback content when part of the interface crashes.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A naming rule for GraphQL queries, mutations, subscriptions, fragments, types, fields, enums, and variables. It defines consistent patterns such as getUser, createUser, and UserFields.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A TypeScript rule for GraphQL operations that uses the API schema and queries to generate types. It helps type-check data and variables from the GraphQL server through to React components.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A React style rule that prefers function components with Hooks such as useState and useEffect over class components. Hooks are React functions for managing state and other component behavior.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

An accessibility rule for React interfaces built with Chakra UI, a component library. It covers semantic HTML, screen-reader labels, keyboard navigation, focus handling, and color contrast.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A React component-structure rule for composing Chakra UI components into reusable interfaces. It favors small custom components built from layout and interface pieces such as Box, Flex, and Stack.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A Chakra UI rule for adding a light and dark color mode to React components. It covers switching modes, following the system preference, storing the choice, and preventing a flash of the wrong theme during loading.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Performance guidance for React applications built with Chakra UI. It covers imports, unnecessary re-renders, long-list rendering, lazy loading, forwarded HTML properties, and server-side or static rendering.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Guidance for making Chakra UI layouts adapt to different screen sizes. It uses responsive style values, breakpoints, layout components, and conditional display rules for phones, tablets, and desktops.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Rules for rendering Chakra UI components as meaningful HTML elements such as sections, headings, paragraphs, and links. Semantic HTML uses element names that describe the role of the content.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

Rules for organizing a Chakra UI theme into an entry file, foundational settings, and component-specific styles. The theme controls shared colors, fonts, spacing, breakpoints, and component variants.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A set of rules for building React interfaces with Chakra UI, a component library for styled and accessible user interfaces. It covers themes, responsive layouts, accessibility, performance, and reusable components.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

A standard folder layout for React and Chakra UI projects, including separate locations for components, pages, themes, hooks, utilities, and assets. It also defines how Chakra UI theme files are grouped.

holtwood/awesome-cursorrules-zh

Cursor rule Cursor

General React preferences for Chakra UI projects, with a focus on function components and Hooks. Hooks are React functions that let components use state and shared behavior.