القائمة
Scan composables, utility components, and same-category siblings for logic that should be reused instead of duplicated. Emits a structured suggestion list.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Pull design tokens, regions, and states from a Figma frame via the Figma MCP. Pure read; emits a structured JSON blob the rest of the pipeline consumes.
Interactively draft `.specs/<name>.md` for a new webkit component. Owns the questions, the cross-reference with DESIGN.md and Figma, and the initial `status: draft` write. Never writes component code.
Make motion smooth using only @aziontech/theme animate tokens — animate-* utilities, duration-*/ease-*/curve tokens, compositor-props-only, ≤150ms interaction feedback, and a mandatory motion-reduce escape on every motion class. No external animation library, no inline cubic-bezier, no hardcoded ms.
Consume the @aziontech/webkit design system correctly. Use when adding or reviewing UI in a project that depends on @aziontech/webkit — how to find the right component, import it with the flat path, style with @aziontech/theme tokens, and keep bundles small.
Scaffold a new webkit animation into the semantic catalog (semantic/animations.js) + record the Theme gap. Used when a component needs an animation the catalog lacks, instead of a component-local @keyframes or an off-catalog animate-[…].
Fix `pnpm audit --audit-level=high` failures by bumping the offending dependency to its patched version, with a semver-aware guardrail (patch = auto, minor = validate carefully, major = ALERT and ask). Identifies the owning monorepo project and emits a status report.
| name | reuse-audit |
| description | Scan composables, utility components, and same-category siblings for logic that should be reused instead of duplicated. Emits a structured suggestion list. |
| status | active |
| last_updated | "2026-05-22T00:00:00.000Z" |
| scope | webkit |
| enforced_by | ["no-invention","imports","composables"] |
Before scaffolding, prove whatever logic the new component needs does not already exist somewhere. Duplicating useToast, Spinner, or Currency causes drift; this skill catches that.
/component-create..specs/<name>.md (to know what props/events/states the component needs).packages/webkit/src/composables/packages/webkit/src/components/webkit/utils/packages/webkit/src/components/webkit/<category>/ (siblings of the new component)packages/theme/src/ (animations, transitions)composables/, every utils/<name>/, every same-category sibling. For each, read package.json to get the export name and the .vue's defineOptions.name.loading / spinner → webkit/utils/spinnertoast / notification → composables/use-toastdialog open/close → composables/use-dialogcurrency / price → webkit/content/currencytag → webkit/content/tag[
{
"spec_needs": "loading state",
"reuse": "@aziontech/webkit/utils/spinner",
"rationale": "Existing utility used in button.vue and card-pricing.vue"
}
]
composables/use-toast is not in the filesystem, do not name it.reuse path resolves to a real file under packages/webkit/.