القائمة
Guidance for frontend styling. Use when changing Tailwind classes, CSS tokens, light or dark themes, semantic color usage, accessibility contrast, layout wrappers, or visual UI states.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
Guidance for using Ramda in transformation-heavy TypeScript or JavaScript. Use when editing data pipelines, collection/object transformations, reducers, selectors, or parser code that can benefit from Ramda operators.
Guidance for React frontend work. Use when changing React components, hooks, JSX structure, semantic markup, component composition, selector consumption, or frontend render data flow.
Guidance for Redux Toolkit and RxJS middleware patterns. Use when changing slices, selectors, epics, websocket action flows, async orchestration, frontend data flow, retries, polling, or middleware-driven API workflows.
Guidance for Valkey-specific behavior. Use when changing Valkey connections, commands, dashboard data, metrics, key browser behavior, monitoring, cluster routing, response normalization, or unsupported capability handling.
استنادا إلى تصنيف SOC المهني
| name | styling |
| description | Guidance for frontend styling. Use when changing Tailwind classes, CSS tokens, light or dark themes, semantic color usage, accessibility contrast, layout wrappers, or visual UI states. |
Use this skill when changing Tailwind classes, CSS tokens, themes, layout, or visual UI states.
cn for conditional class composition.text-gray-*, bg-blue-*, or border-red-*.apps/frontend/src/css/index.css, such as background, foreground, muted, muted-foreground, primary, secondary, accent, destructive, border, input, card, and sidebar/chart tokens.div for layout, containment, flex/grid, spacing, overflow, or styling when no semantic element fits.apps/frontend/src/components.