مهارات الوكلاء

• react:components google-labs-code/stitch-skills

  Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

  ٥٠٬٤٣٢ فاشل npx skills add google-labs-code/stitch-skills --skill react:components

• brand-landingpage wshobson/agents

  Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.

  ٣٨٬٩٤٢ فاشل npx skills add wshobson/agents --skill brand-landingpage

• react-native-best-practices callstackincubator/agent-skills

  Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

  ٢٧٬٩٤٠ فاشل npx skills add callstackincubator/agent-skills --skill react-native-best-practices

• cloudbase tencentcloudbase/cloudbase-skills

  Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects — Web, 微信小程序, 小程序, uni-app, mobile (iOS, Android, Flutter, React Native). Covers UI (页面, 界面, 表单, dashboard, prototype, 原型); auth (登录, 注册, OAuth, publishable key); databases (NoSQL 文档数据库, MySQL 关系型数据库, PostgreSQL/CloudBase PG, app.rdb(), queryPgDatabase/managePgDatabase, CRUD, security rules); 云函数/cloud functions (serverless, scf_bootstrap); CloudRun (云托管, Dockerfile); 云存储; built-in AI (内置大模型, AI 对话, streaming, 流式输出, 图片生成, generateText, streamText, createModel, generateImage, TokenHub, Hunyuan, DeepSeek, GLM, Kimi, Token Credits 资源包, 小程序成长计划); third-party/custom model onboarding (第三方大模型接入, 大模型调用, LLM API); AI agent (智能体, AG-UI, LangGraph); ops troubleshooting (巡检, 诊断, 日志); spec workflow (需求文档, 技术方案, requirements, tasks.md). Do NOT use for non-CloudBase projects, pure frontend without CloudBase, or self-hosted backends without CloudBase.

  ١٢٬٠٨٨ فاشل npx skills add tencentcloudbase/cloudbase-skills --skill cloudbase

• heroui-native heroui-inc/heroui

  HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.

  ١٠٬٣٨٤ فاشل npx skills add heroui-inc/heroui --skill heroui-native

• github-actions callstackincubator/agent-skills

  GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.

  ٩٬٦٨٩ فاشل npx skills add callstackincubator/agent-skills --skill github-actions

• pdf-converter tanis90/pdf-converter-mineru

  PDF converter powered by MinerU — convert PDF to Word, Markdown, HTML, LaTeX, or plain text. Also handles image-to-text OCR, scanned document recognition, and Office formats (DOCX, PPTX, Excel). Supports 80+ languages. Use this skill when the user wants to convert, extract, read, parse, or summarize any PDF or document. Also applies when the user shares a PDF file or link and asks about its content, needs tables or formulas extracted, wants PDF OCR, or says things like 'turn this into a doc' or 'what does this paper say'.

  ٩٬٤٢٨ فاشل npx skills add tanis90/pdf-converter-mineru --skill pdf-converter

• stitch::code-to-design google-labs-code/stitch-skills

  Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.

  ٩٬٠٦٠ فاشل npx skills add google-labs-code/stitch-skills --skill stitch::code-to-design

• stitch::upload-to-stitch google-labs-code/stitch-skills

  Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual assets, HTML pages, or design docs to Stitch, particularly when direct MCP tool calls fail or truncate due to base64 token limits.

  ٨٬٨٦٨ فاشل npx skills add google-labs-code/stitch-skills --skill stitch::upload-to-stitch

• stitch::react-native google-labs-code/stitch-skills

  Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.

  ٧٬٤٦٣ فاشل npx skills add google-labs-code/stitch-skills --skill stitch::react-native

• reka-ui onmax/nuxt-skills

  Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

  ٧٬١٨٣ فاشل npx skills add onmax/nuxt-skills --skill reka-ui

• stitch::react-components google-labs-code/stitch-skills

  Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

  ٦٬٤٣٧ فاشل npx skills add google-labs-code/stitch-skills --skill stitch::react-components

• baoyu-design jimliu/baoyu-design

  Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and résumés, animations, 3D objects, research reports, HTML email, diagrams, fliers, and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents.

  ٥٬٨٣٧ فاشل npx skills add jimliu/baoyu-design --skill baoyu-design

• uncodixfy cyxzdev/uncodixfy

  Prevents generic AI/Codex UI patterns when generating frontend code. Use this skill whenever generating HTML, CSS, React, Vue, Svelte, or any frontend UI code to enforce clean, human-designed aesthetics inspired by Linear, Raycast, Stripe, and GitHub instead of typical AI-generated UI.

  ٥٬٥١٨ فاشل npx skills add cyxzdev/uncodixfy --skill uncodixfy

• nextjs-developer jeffallan/claude-skills

  Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.

  ٥٬٣٦٣ فاشل npx skills add jeffallan/claude-skills --skill nextjs-developer

• shadcn-vue unovue/shadcn-vue

  Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn-vue init", "create an app with --preset", or "switch to --preset".

  ٥٬٢١٠ فاشل npx skills add unovue/shadcn-vue --skill shadcn-vue

• fullstack-guardian jeffallan/claude-skills

  Builds security-focused full-stack web applications by implementing integrated frontend and backend components with layered security at every level. Covers the complete stack from database to UI, enforcing auth, input validation, output encoding, and parameterized queries across all layers. Use when implementing features across frontend and backend, building REST APIs with corresponding UI, connecting frontend components to backend endpoints, creating end-to-end data flows from database to UI, or implementing CRUD operations with UI forms. Distinct from frontend-only, backend-only, or API-only skills in that it simultaneously addresses all three perspectives—Frontend, Backend, and Security—within a single implementation workflow. Invoke for full-stack feature work, web app development, authenticated API routes with views, microservices, real-time features, monorepo architecture, or technology selection decisions.

  ٥٬١٧٢ فاشل npx skills add jeffallan/claude-skills --skill fullstack-guardian

• next-best-practices vercel-labs/openreview

  Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

  ٥٬١٢٠ فاشل npx skills add vercel-labs/openreview --skill next-best-practices

• react-expert jeffallan/claude-skills

  Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups. Creates components, implements custom hooks, debugs rendering issues, migrates class components to functional, and implements state management. Invoke for Server Components, Suspense boundaries, useActionState forms, performance optimization, or React 19 features.

  ٥٬٠٥٨ فاشل npx skills add jeffallan/claude-skills --skill react-expert

• react-native-expert jeffallan/claude-skills

  Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.

  ٤٬٥٩١ فاشل npx skills add jeffallan/claude-skills --skill react-native-expert

• angular-architect jeffallan/claude-skills

  Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.

  ٤٬٤٧٠ فاشل npx skills add jeffallan/claude-skills --skill angular-architect

• vue-expert jeffallan/claude-skills

  Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA features, and optimises Vite builds. Use when creating Vue 3 applications with Composition API, writing reusable composables, managing state with Pinia, building hybrid mobile apps with Quasar or Capacitor, configuring service workers, or tuning Vite configuration and TypeScript integration.

  ٤٬١٧٠ فاشل npx skills add jeffallan/claude-skills --skill vue-expert

• sentry-react-native-sdk getsentry/sentry-for-ai

  Full Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or configure error monitoring, tracing, profiling, session replay, or logging for React Native applications. Supports Expo managed, Expo bare, and vanilla React Native.

  ٣٬٩٧١ فاشل npx skills add getsentry/sentry-for-ai --skill sentry-react-native-sdk

• vue-expert-js jeffallan/claude-skills

  Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript. Generates JSDoc-typed code with @typedef, @param, and @returns annotations for full type coverage without a TS compiler. Use when building Vue 3 applications with JavaScript only (no TypeScript), when projects require JSDoc-based type hints, when migrating from Vue 2 Options API to Composition API in JS, or when teams prefer vanilla JavaScript, .mjs modules, or need quick prototypes without TypeScript setup.

  ٣٬٧٦٨ فاشل npx skills add jeffallan/claude-skills --skill vue-expert-js

• implementing-ui-bundle-agentforce-conversation-client forcedotcom/sf-skills

  ٣٬٥٠٤ فاشل npx skills add forcedotcom/sf-skills --skill implementing-ui-bundle-agentforce-conversation-client

• nextjs-deployment giuseppe-trisciuoglio/developer-kit

  Provides comprehensive patterns for deploying Next.js applications to production. Use when configuring Docker containers, setting up GitHub Actions CI/CD pipelines, managing environment variables, implementing preview deployments, or setting up monitoring and logging for Next.js applications. Covers standalone output, multi-stage Docker builds, health checks, OpenTelemetry instrumentation, and production best practices.

  ٣٬٤٩٦ فاشل npx skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-deployment

• sentry-nextjs-sdk getsentry/sentry-for-ai

  Full Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, logging, profiling, AI monitoring, or crons for Next.js applications. Supports Next.js 13+ with App Router and Pages Router.

  ٣٬٤٧٩ فاشل npx skills add getsentry/sentry-for-ai --skill sentry-nextjs-sdk

• ui-ux-pro-max sickn33/agentic-awesome-skills

  Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

  ٣٬٤٤٤ فاشل npx skills add sickn33/agentic-awesome-skills --skill ui-ux-pro-max

• streamdown vercel/streamdown

  Implement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax highlighting, Mermaid diagrams, math rendering, and CJK support. Use when working with Streamdown setup, configuration, plugins, styling, security, or integration with AI streaming (e.g., Vercel AI SDK). Triggers on: (1) Installing or setting up Streamdown, (2) Configuring plugins (code, mermaid, math, cjk), (3) Styling or theming Streamdown output, (4) Integrating with AI chat/streaming, (5) Configuring security, link safety, or custom HTML tags, (6) Using carets, static mode, or custom components, (7) Troubleshooting Tailwind, Shiki, or Vite issues.

  ٣٬٠٤٠ فاشل npx skills add vercel/streamdown --skill streamdown

• sentry-react-sdk getsentry/sentry-for-ai

  Full Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profiling, or logging for React applications. Supports React 16+, React Router v5-v7 non-framework mode, TanStack Router, Redux, Vite, and webpack.

  ٣٬٠٢٧ فاشل npx skills add getsentry/sentry-for-ai --skill sentry-react-sdk

• react-vite-best-practices asyrafhussin/agent-skills

  React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vite configuration, build optimization, code splitting, lazy loading, HMR, bundle size, or React performance.

  ٢٬٧٠٤ فاشل npx skills add asyrafhussin/agent-skills --skill react-vite-best-practices

• awwwards-animations devmartinese/awwwards-animations-skill

  Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps and award-worthy. Triggers on requests for smooth scroll, ScrollTrigger, magnetic effects, reveal animations, horizontal scroll, pin sections, stagger effects, useScroll, useTransform, integration with Three.js/WebGL, algorithmic art, mathematical art, generative art, fractals, L-systems, flow fields, strange attractors, sacred geometry, geometric puzzles, Dudeney dissections, tangram, tessellations, Penrose tiles, kinetic typography, glitch effects, text explosion, morphing text, circular text, brutalist design, minimalist animation, neo-brutalism, or design philosophy mixing. React-first approach with proper cleanup and hooks.

  ٢٬٦٠١ فاشل npx skills add devmartinese/awwwards-animations-skill --skill awwwards-animations

• tanstack-start jezweb/claude-skills

  Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per project.

  ٢٬٤٩٠ فاشل npx skills add jezweb/claude-skills --skill tanstack-start

• sentry-svelte-sdk getsentry/sentry-for-ai

  Full Sentry SDK setup for Svelte and SvelteKit. Use when asked to "add Sentry to Svelte", "add Sentry to SvelteKit", "install @sentry/sveltekit", or configure error monitoring, tracing, session replay, or logging for Svelte or SvelteKit applications.

  ٢٬٠٥٣ فاشل npx skills add getsentry/sentry-for-ai --skill sentry-svelte-sdk

• app-icon code-with-beto/skills

  Generate app icons for your React Native Expo app with iOS 26 support

  ١٬٩٨٩ فاشل npx skills add code-with-beto/skills --skill app-icon

• e2e-testing hieutrtr/ai1-skills

  End-to-end testing patterns with Playwright for full-stack Python/React applications. Use when writing E2E tests for complete user workflows (login, CRUD, navigation), critical path regression tests, or cross-browser validation. Covers test structure, page object model, selector strategy (data-testid > role > label), wait strategies, auth state reuse, test data management, and CI integration. Does NOT cover unit tests or component tests (use pytest-patterns or react-testing-patterns).

  ١٬٦٤٤ فاشل npx skills add hieutrtr/ai1-skills --skill e2e-testing

• adk-frontend botpress/skills

  Guidelines for building frontend applications that integrate with Botpress ADK bots - covering authentication, type generation, client setup, and calling bot actions

  ١٬٦٠٩ فاشل npx skills add botpress/skills --skill adk-frontend

• lieflat-charts larashero3-dotcom/lieflat-charts

  一套模板驱动的数据可视化与报告生成 skill，既能严格从 Lupi、Basics、Glance、Maps 与 Interactive gallery 的真实实现生成 HTML 图表，也能从 12 套中英文整页报告模板生成可发布的 HTML 报告；以 Mono 为保底，能按数据语义自动选择内置彩色预设，也支持用户明确提供的自定义色板。地图仅在用户明确要求时启用，同一交付禁止混用色系。

  ١٬٥٦٠ فاشل npx skills add larashero3-dotcom/lieflat-charts --skill lieflat-charts

• 21st-registry 21st-dev/skill

  Publish your own work to 21st.dev and manage it from the terminal with the `21st` CLI (`@21st-dev/cli`): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page (bento board). Triggers when the user says "publish/share/upload this to 21st", "залей в наш регистр", "опубликуй компонент/тему/темплейт", "share with team", "make this reusable", "unpublish/edit/delete my component", "change its visibility", "find/open my old component or draft", "найди/открой мой старый компонент или драфт", "add this to my 21st profile/bento", "update my profile page", "обнови мой профиль на 21st", "добавь блок в бенто", "add controls/knobs to my demo", "сделай демо с контролами". For finding and installing existing items use `21st-cli-use`; for turning a project's design tokens into a theme use `21st-design-sync`.

  ١٬٣٣٣ فاشل npx skills add 21st-dev/skill --skill 21st-registry

• ui-ux-pro-max likaia/nginxpulse

  UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

  ١٬٣٢٩ فاشل npx skills add likaia/nginxpulse --skill ui-ux-pro-max

• 21st-design-sync 21st-dev/skill

  Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and publish it to the 21st.dev community as a shareable theme, using `21st publish-theme`. Use when the user says "publish my theme", "share our design as a 21st theme", "sync my design to 21st", "turn my globals.css into a theme", "залей наш дизайн темой", "опубликуй тему". This is the 21st equivalent of design-sync: it reads the project's design tokens and syncs them into the public theme library.

  ١٬٣٢٦ فاشل npx skills add 21st-dev/skill --skill 21st-design-sync

الأوصاف من كتابة المؤلفين أنفسهم وباللغة الإنجليزية. اقرأ شيفرة المهارة في مستودعها قبل تثبيتها.