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.