dtyq/magic

dtyq/magic

Cursor rule Cursor

A task-management rule requiring every task to begin with a todo directory containing a todo.md checklist. A checklist breaks work into named steps.

dtyq/magic

Cursor rule Cursor

A maintenance guide for interfaces built with Ant Design, a React component library, and antd-style, its styling companion. The description only says it applies to existing components.

dtyq/magic

Cursor rule Cursor

A set of standards for designing, calling, and handling errors from application programming interfaces, or APIs. The input marks these standards as high priority.

dtyq/magic

Cursor rule Cursor

You are an expert in TypeScript, Node.js, React, Vite, MobX, Ant Design, antd-style, and Vitest.

dtyq/magic

Cursor rule Cursor

A rule for handling clipboard actions such as copying and pasting. It requires use of a shared clipboard utility instead of calling the browser's navigator.clipboard API directly.

dtyq/magic

Cursor rule Cursor

A set of checks for frontend code quality, including refactoring suggestions and test verification. Frontend code is the part of an application that users see and interact with.

dtyq/magic

Cursor rule Cursor

Rules for organizing code folders and restructuring code. They aim to keep the project's files and structure clear and maintainable.

dtyq/magic

Cursor rule Cursor

A guide for developing reusable software components, including their categories, file structure, code separation, and development process. Components are self-contained pieces of an interface or application.

dtyq/magic

Cursor rule Cursor

Apply when designing or refactoring domain models, services, stores, or discussing DDD (Domain-Driven Design) architecture. Also apply when working on business logic layers, API modules, or planning domain boundaries and migrations.

dtyq/magic

Cursor rule Cursor

1:1 Figma design implementation using shadcn/ui, Tailwind CSS, and React. Apply when implementing or converting Figma designs to code, building UI from design specs, or when user mentions Figma URLs or design-to-code.

dtyq/magic

Cursor rule Cursor

Rules for converting a Figma interface design into code, covering design analysis, component splitting, and style implementation. Figma is a tool for creating and sharing interface designs.

dtyq/magic

Cursor rule Cursor

Apply when user is creating Git commits, writing commit messages, managing branches (feature/fix/refactor), creating merge requests, or asking about Git workflow and branching strategy.

dtyq/magic

Cursor rule Cursor

A rule for turning a user's goal into a to-do list and carrying out the tasks in order. It describes a step-by-step way to organize requested work.

dtyq/magic

Cursor rule Cursor

A set of rules for internationalization, the practice of adapting an application for multiple languages and regions. It covers file structure, translation namespaces, and using translations in components.

dtyq/magic

Cursor rule Cursor

A set of rules for making interfaces adapt to phones and other screen sizes. Responsive design changes layout and sizing so a site remains usable on different devices.

dtyq/magic

Cursor rule Cursor

MobX state management best practices, store patterns, and React integration. Apply when creating/editing MobX stores, using observer, runInAction, or implementing state management with MobX.

dtyq/magic

Cursor rule Cursor

A guide to improving the speed and responsiveness of frontend applications.

dtyq/magic

Cursor rule Cursor

A guide to the project's folder structure and file organization.

dtyq/magic

Cursor rule Cursor

A set of standards for building React components and organizing their code.

dtyq/magic

Cursor rule Cursor

A set of security rules for frontend applications.

dtyq/magic

Cursor rule Cursor

A guide to building new components with shadcn/ui and Tailwind CSS, a utility-based system for styling interfaces.

dtyq/magic

Cursor rule Cursor

Unit testing is essential to ensure the reliability and stability of code, especially for React components and functions. Adhering to best practices and ensuring high test coverage is critical to maintaining a robust codebase.

dtyq/magic

Cursor rule Cursor

Project tech stack: React 18, TypeScript, shadcn/ui+Tailwind for new components, Ant Design+antd-style for legacy. Apply when choosing UI libraries, styling systems, state management, or implementing features.

dtyq/magic

Cursor rule Cursor

A guide to testing software and checking code quality.