القائمة
Skills في هذا المستودع
جمع SkillsMP عدد ٧٣ من skills من Microck/opendots-microck. افتح أي skill لمراجعة مصدره وتفاصيله.
Microck/opendots-microckعرض ٣٣ من أصل ٧٣ skills مجمعة.
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring…
لغة النص الأصلي: الإنجليزية
Guides TypeScript best practices for type safety, code organization, and maintainability. Use this skill when configuring TypeScript projects, deciding on typing strategies, writing async code, or reviewing TypeScript code quality.
لغة النص الأصلي: الإنجليزية
Guides when to use interface vs type in TypeScript. Use this skill when defining object types, extending types, or choosing between interface and type aliases.
لغة النص الأصلي: الإنجليزية
Guides proper usage of TypeScript's satisfies operator vs type annotations. Use this skill when deciding between type annotations (colon) and satisfies, validating object shapes while preserving literal types, or troubleshooting type inference issues.
لغة النص الأصلي: الإنجليزية
Capture requirements from user perspective with structured user stories. Use when writing backlog items, defining acceptance criteria, prioritizing features, or communicating requirements between product and development.
لغة النص الأصلي: الإنجليزية
Design effective CTAs using visual attention and gaze psychology principles. Use when designing landing pages, button hierarchies, conversion elements, or optimizing user attention flow through interfaces.
لغة النص الأصلي: الإنجليزية
Anti-patterns and mistakes to avoid as a product manager. Use when evaluating leadership behaviors, improving team dynamics, reflecting on management practices, or onboarding new product managers.
لغة النص الأصلي: الإنجليزية
Use when implementing GSAP core animations, tweens, timeline sequencing, playback controls, or when using gsap.to(), gsap.from(), gsap.fromTo(), gsap.set(), gsap.timeline().
لغة النص الأصلي: الإنجليزية
Use when implementing drag interactions, draggable elements, throwing with inertia, bounds enforcement, drag-based UI, or using Draggable and InertiaPlugin.
لغة النص الأصلي: الإنجليزية
Use when implementing animation easing functions, custom easing, elastic effects, bounce animations, or controlling animation velocity curves.
لغة النص الأصلي: الإنجليزية
Use when implementing layout animations, FLIP transitions, position/scale/rotation animations between states, reordering effects, or using Flip plugin.
لغة النص الأصلي: الإنجليزية
Use when implementing gesture detection, scroll/wheel/touch event handling, swipe detection, directional interactions, or using Observer plugin.
لغة النص الأصلي: الإنجليزية
Use when optimizing GSAP animations, performance tuning, ticker configuration, stagger optimization, or improving animation frame rates.
لغة النص الأصلي: الإنجليزية
Use when using GSAP with React, useGSAP hook, React component animations, ScrollTrigger in React, or managing GSAP lifecycle in React components.
لغة النص الأصلي: الإنجليزية
Use when implementing scroll-based animations, scroll-driven effects, pinning elements, scrubbing animations, scroll callbacks, or when using ScrollTrigger plugin.
لغة النص الأصلي: الإنجليزية
Use when setting up GSAP in a project, installing GSAP, registering plugins, configuring defaults, or implementing GSAP best practices and workflows.
لغة النص الأصلي: الإنجليزية
Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath, or @gsap/react useGSAP hook.
لغة النص الأصلي: الإنجليزية
Use when implementing SVG animations, stroke drawing, path morphing, motion along paths, or using DrawSVGPlugin, MorphSVGPlugin, MotionPathPlugin.
لغة النص الأصلي: الإنجليزية
Use when implementing text animations, text effects, character/word/line animations, text reveals, scrambling effects, or using SplitText, TextPlugin, ScrambleTextPlugin.
لغة النص الأصلي: الإنجليزية
Use when using GSAP utility functions, math helpers, data transformations, or when working with clamp, mapRange, random, and other GSAP utilities.
لغة النص الأصلي: الإنجليزية
Use when implementing URL query state in React, managing search params, syncing state with URL, building filterable/sortable lists, pagination with URL state, or using nuqs/useQueryState/useQueryStates hooks in Next.js, Remix, React Router, or plain React.
لغة النص الأصلي: الإنجليزية
Use when working with Payload CMS projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.
لغة النص الأصلي: الإنجليزية
React 19 patterns and breaking changes vs React 18. Trigger: When writing React 19 components/hooks in .tsx (ref as prop, new hooks, Actions, deprecations). If using Next.js App Router/Server Actions, also use nextjs-15.
لغة النص الأصلي: الإنجليزية
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js…
لغة النص الأصلي: الإنجليزية
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
لغة النص الأصلي: الإنجليزية
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile…
لغة النص الأصلي: الإنجليزية
Read research outline, launch independent agent for each item for deep research. Disable task output.
لغة النص الأصلي: الإنجليزية
Use when you need the Base UI version of shadcn/ui components, docs, CLI, theming, forms, registries, or MCP guidance for shadcn’s Base UI stack.
لغة النص الأصلي: الإنجليزية
Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features
لغة النص الأصلي: الإنجليزية
Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.
لغة النص الأصلي: الإنجليزية
Use when implementing motion design, timeline animations, visual animation editors, animating Three.js/R3F scenes, creating keyframe animations, or using Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, theatric, or building animation tooling for the…
لغة النص الأصلي: الإنجليزية
This skill should be used when the user asks to "create a 3D scene", "add a mesh", "implement OrbitControls", "load a GLTF model", "add bloom post-processing", "write a custom shader", "create particle effects", "optimize Three.js performance", "use WebGPU",…
لغة النص الأصلي: الإنجليزية
Use when writing prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text. Applies Strunk's timeless rules for clearer, stronger, more professional writing.
لغة النص الأصلي: الإنجليزية