القائمة
Use when handling file paths or imports
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use when deploying Cloudflare Workers, managing R2 storage, or working with Cloudflare infrastructure
Use when working with ANTD components, theme tokens, icons, forms, or feedback components (message/notification/modal)
Use when adding, referencing, or serving static assets (images, fonts, videos, 3D models) through the R2 CDN pipeline with type-safe imports
Use when writing or reviewing JavaScript/TypeScript code for style patterns like concise arrows, inline handlers, expression formatting, or when tempted to use eslint-disable
Use when working with environment variables in frontend code
Use when creating or modifying keyboard shortcuts/hotkeys in frontend code
| name | general-file-operations |
| description | Use when handling file paths or imports |
Guidelines for file paths and imports in the Lightcraft codebase.
Always use @/ alias for imports within the project:
// ✅ CORRECT
import { UI_HorizontalNav } from "@/components/UI_HorizontalNav/UI_HorizontalNav";
import { useQ_Me } from "@/hooks/Me/useQ_Me";
import { Provider_ANTD } from "@/providers/antd/Provider_ANTD";
// ❌ WRONG
import { UI_HorizontalNav } from "../../components/UI_HorizontalNav/UI_HorizontalNav";
Configured in tsconfig.json with baseUrl: "." and paths: { "@/*": ["./src/*"] }
.claude/rules/os-commands.md