المهارات frontend-types
T
frontend-types
آمن ⚙️
الأوامر الخارجية🌐
الوصول إلى الشبكة📁
الوصول إلى نظام الملفات
Definir tipos TypeScript para frontend
Los desarrolladores frontend necesitan definiciones de tipos TypeScript consistentes para garantizar la seguridad de tipos en toda la aplicación. Esta habilidad proporciona patrones y convenciones para crear tipos que coincidan con las respuestas de la API del backend.
يدعم: Claude Codex Code(CC)
1
تنزيل ZIP المهارة
2
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
3
فعّل وابدأ الاستخدام
اختبرها
استخدام "frontend-types". Crear tipos relacionados con tareas para el frontend
النتيجة المتوقعة:
- TaskStatus type: pending | completed
- TaskPriority type: low | medium | high
- Task interface with id, user_id, title, description, completed, priority, due_date, tags
- TaskFormData interface with optional description, priority, due_date, tags
- TaskQueryParams interface with optional status, sort, search, page, limit
استخدام "frontend-types". Crear un tipo de respuesta de API genérico
النتيجة المتوقعة:
- ApiResponse<T> with optional data, success boolean, message, and error fields
- Error includes code, message, and optional details fields
- PaginatedResponse<T> with data array and meta object
- Meta contains total, page, limit, and totalPages
التدقيق الأمني
آمنv5 • 1/16/2026
Pure documentation skill containing only markdown guidance and TypeScript code examples. No executable code, no network access, no filesystem access beyond reading this file. All 116 static findings are false positives triggered by markdown syntax and JSON metadata fields.
2
الملفات التي تم فحصها
576
الأسطر التي تم تحليلها
3
النتائج
5
إجمالي عمليات التدقيق
عوامل الخطر
⚙️ الأوامر الخارجية (97)
skill-report.json:16 SKILL.md:3 SKILL.md:8 SKILL.md:12 SKILL.md:14 SKILL.md:18-35 SKILL.md:35-38 SKILL.md:38-39 SKILL.md:39-40 SKILL.md:40-45 SKILL.md:45-77 SKILL.md:77-80 SKILL.md:80-81 SKILL.md:81-82 SKILL.md:82 SKILL.md:82 SKILL.md:82-88 SKILL.md:88-109 SKILL.md:109-112 SKILL.md:112-113 SKILL.md:113-114 SKILL.md:114-115 SKILL.md:115 SKILL.md:115 SKILL.md:115-116 SKILL.md:116-120 SKILL.md:120-132 SKILL.md:132-135 SKILL.md:135-136 SKILL.md:136-137 SKILL.md:137-138 SKILL.md:138-142 SKILL.md:142-153 SKILL.md:153-156 SKILL.md:156-157 SKILL.md:157-158 SKILL.md:158-162 SKILL.md:162-173 SKILL.md:173-176 SKILL.md:176-177 SKILL.md:177-178 SKILL.md:178-179 SKILL.md:179-183 SKILL.md:183-191 SKILL.md:191-194 SKILL.md:194-195 SKILL.md:195-202 SKILL.md:202 SKILL.md:202 SKILL.md:202-203 SKILL.md:203 SKILL.md:203-206 SKILL.md:206 SKILL.md:206 SKILL.md:206-207 SKILL.md:207 SKILL.md:207-210 SKILL.md:210 SKILL.md:210-211 SKILL.md:211-214 SKILL.md:214 SKILL.md:214-215 SKILL.md:215-218 SKILL.md:218-219 SKILL.md:219-227 SKILL.md:227-244 SKILL.md:244-253 SKILL.md:253-276 SKILL.md:276-281 SKILL.md:281-282 SKILL.md:282-286 SKILL.md:286-288 SKILL.md:288-293 SKILL.md:293-297 SKILL.md:297-299 SKILL.md:299-302 SKILL.md:302-308 SKILL.md:308-313 SKILL.md:313-317 SKILL.md:317-319 SKILL.md:319-324 SKILL.md:324-332 SKILL.md:332-341 SKILL.md:341-345 SKILL.md:345-350 SKILL.md:350-354 SKILL.md:354-360 SKILL.md:360-364 SKILL.md:364-371 SKILL.md:371-380 SKILL.md:380-381 SKILL.md:381-382 SKILL.md:382-386 SKILL.md:386-387 SKILL.md:387-388 SKILL.md:388-389 SKILL.md:389-395
🌐 الوصول إلى الشبكة (1)
📁 الوصول إلى نظام الملفات (1)
تم تدقيقه بواسطة: claude عرض سجل التدقيق →
درجة الجودة
38
الهندسة المعمارية
100
قابلية الصيانة
85
المحتوى
21
المجتمع
100
الأمان
83
الامتثال للمواصفات
ماذا يمكنك بناءه
Nuevas definiciones de tipos
Crear interfaces TypeScript consistentes para nuevos endpoints de API
Coincidencia con esquema del backend
Asegurar que los tipos del frontend coincidan con las estructuras de respuesta de la API del backend
Estandarización del código base
Establecer convenciones de nomenclatura de tipos en todo el proyecto
جرّب هذه الموجهات
Tipos básicos de usuario
Create User, UserCredentials, and UserSignupData interfaces following the skill patterns
Envoltura de respuesta de API
Define ApiResponse<T> and PaginatedResponse<T> types with success flag and error handling
Tipos de datos de formulario
Create TaskFormData and TaskQueryParams types with optional fields marked correctly
Tipos de entidades personalizadas
Define a new Category entity type including form data, query params, and API response types
أفضل الممارسات
- Usar interface para tipos de objetos y type para tipos de unión
- Coincidir exactamente los nombres de campos del backend en tipos de respuesta de API
- Marcar campos opcionales con ? para coincidir con campos anulables del backend
- Crear tipos de datos de formulario separados con nombres de campos en camelCase
تجنب
- Mezclar interface y type arbitrariamente sin un patrón
- Usar camelCase para tipos de respuesta de API que deben coincidir con el backend
- Olvidar marcar campos verdaderamente opcionales
- Crear tipos monolíticos en lugar de separar datos de formulario de respuestas
الأسئلة المتكررة
¿Cuándo debo usar interface vs type?
Usa interface para estructuras de objetos y type para tipos de unión o alias. Las interfaces soportan extends para herencia.
¿Cómo manejo los campos snake_case del backend?
Mantén snake_case en tipos de respuesta de API. Convierte a camelCase solo en tipos de datos de formulario usados por componentes.
¿Los tipos de datos de formulario deben coincidir con las respuestas de API?
No. Los tipos de datos de formulario solo incluyen campos editables y usan camelCase. Los tipos de respuesta de API incluyen todos los campos del backend con snake_case.
¿Cómo hago que los campos sean opcionales en los tipos?
Agrega ? después del nombre del campo en interfaces. Los campos requeridos no tienen marcador.
¿Cómo creo tipos de respuesta reutilizables?
Usa tipos genéricos como ApiResponse<T> con un parámetro predeterminado. Pasa el tipo específico al usar.
¿Qué convención de nomenclatura debo usar?
PascalCase para todos los tipos. Usa EntityName para objetos, EntityNameFormData para formularios, EntityNameQueryParams para consultas.