메뉴
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/.