القائمة
Generate a Vue 3 component with script setup, TypeScript props/emits, scoped styles using CSS variables, and data-testid attributes.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/slashwhy/super-todo --skill generate-componentيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
Implementation plans, README updates, and architectural decisions. Use when planning features or documenting high-level changes.
Express route handlers with Prisma ORM, async error handling, and security patterns. Use when creating API endpoints, handling requests, or implementing CRUD operations.
TSDoc and inline comment patterns. Use when documenting exported functions, Vue components, or complex logic that needs explanation.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | generate-component |
| description | Generate a Vue 3 component with script setup, TypeScript props/emits, scoped styles using CSS variables, and data-testid attributes. |
| argument-hint | <ComponentName> [description] |
| disable-model-invocation | true |
| allowed-tools | Read Write |
Scaffold a Vue 3 component following all project conventions.
/generate-component <ComponentName>
/generate-component <ComponentName> — <brief description of purpose>
Provide as much context as helpful:
The generated component will include:
<script setup lang="ts"> block with typed props and emits interfaces<template> with data-testid attributes on interactive elements<style scoped> using only CSS variables from variables.css