القائمة
Use when adding SCSS styles, design tokens, dark mode, CSS variables, spacing, typography, radius, hover states, or ConfigProvider/Zustand-linked theme changes in react-revjs.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Guide for adding HTTP API routes in go-revjs. Use when creating new route modules or REST-style endpoints.
Guide for creating new biz modules in go-revjs. Use when adding business logic modules or generated biz/repo scaffolding.
Apply Go best practices, idioms, and conventions when writing, reviewing, or refactoring go-revjs backend code.
Use when designing or refactoring react-revjs frontend pages that should feel compact, refined, content-dense, tool-like, doc-like, or suitable for search/detail/BBS style content pages instead of marketing landing pages.
Use when adding or changing js-deob cases, transforms, decoder handling, switch-flattening rules, or deobfuscation pattern support. Requires adding or updating focused tests for the new case and running the full js-deob test suite to confirm existing behavior is not broken.
Use when a react-revjs page component has substantial logic (state, derived values, handlers, side effects) that should be extracted into a dedicated hook file so the TSX file is reduced to pure rendering.
| name | scss-theme-system |
| description | Use when adding SCSS styles, design tokens, dark mode, CSS variables, spacing, typography, radius, hover states, or ConfigProvider/Zustand-linked theme changes in react-revjs. |
Use this skill when working on the visual system of react-revjs.
src/styles/_tokens.scsssrc/styles/_mixins.scsssrc/styles/index.scsssrc/store/useAppConfig.tssrc/provider/ConfigProvider.tsx:root[data-theme='dark'].ConfigProvider.tsx instead of scattering overrides across components.@/styles/mixins.--text, --bg, and --accent unless the old consumers are migrated together.background-color or color transitions to page-level surfaces or shared controls unless the motion is explicitly required; theme switches will animate those token changes and cause visible flicker.--space-*, stack gaps, control paddings--radius-*--shadow-*src/styles/_tokens.scss.src/styles/_mixins.scss for focus rings, cards, and interactive surfaces.useAppConfig or useAppConfigStore instead of duplicating state.pnpm build and pnpm check after theme changes.