İçeriğe geç
fedi.software

Ajan becerileri

skills.sh dizininden Claude Code, Codex, Cursor ve diğer ajanlar için beceriler: kurulum sayıları, güvenlik denetimi durumu ve beceriyi ekleme komutu.

Bir skill tek bir ajana bağlı değildir: npx skills add onu desteklenen herhangi bir ajana kurar. -a olmadan CLI bilgisayarınızdaki ajanları bulur ve nereye ekleneceğini sorar.

Güncellendi · Kaynaklar: skills.sh

Gösterilen: 41 · bulunan: 41 · dizindeki 10.000 beceriden

  • 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.

    50.432 Başarısız
  • 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.

    38.975 Başarısız
  • 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.

    28.062 Başarısız
  • 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.

    12.104 Başarısız
  • 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.

    10.416 Başarısız
  • 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.

    9.768 Başarısız
  • 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'.

    9.433 Başarısız
  • 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.

    9.114 Başarısız
  • 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.

    8.922 Başarısız
  • 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.

    7.516 Başarısız
  • 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.

    7.192 Başarısız
  • 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.

    6.496 Başarısız
  • 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.

    5.852 Başarısız
  • 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.

    5.523 Başarısız
  • 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.

    5.379 Başarısız
  • 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".

    5.230 Başarısız
  • 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.

    5.197 Başarısız
  • 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

    5.183 Başarısız
  • 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.

    5.078 Başarısız
  • 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.

    4.605 Başarısız
  • 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.

    4.489 Başarısız
  • 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.

    4.186 Başarısız
  • 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.

    3.976 Başarısız
  • 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.

    3.783 Başarısız
  • 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.

    3.506 Başarısız
  • implementing-ui-bundle-agentforce-conversation-client forcedotcom/sf-skills

    3.504 Başarısız
  • 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.

    3.488 Başarısız
  • 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.

    3.451 Başarısız
  • 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.

    3.048 Başarısız
  • 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.

    3.028 Başarısız
  • 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.

    2.715 Başarısız
  • 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.

    2.616 Başarısız
  • 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.

    2.491 Başarısız
  • 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.

    2.059 Başarısız
  • app-icon code-with-beto/skills

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

    1.993 Başarısız
  • 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).

    1.644 Başarısız
  • 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

    1.612 Başarısız
  • lieflat-charts larashero3-dotcom/lieflat-charts

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

    1.576 Başarısız
  • 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`.

    1.339 Başarısız
  • 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.

    1.332 Başarısız
  • 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.

    1.329 Başarısız

Açıklamalar yazarların kendisine aittir ve İngilizcedir. Bir beceriyi kurmadan önce deposundaki kodunu okuyun.

Beceri (skill), bir SKILL.md dosyası ve gerekirse birkaç betik içeren bir klasördür. Verdiğiniz görev becerinin tarif ettiği işe uyduğunda ajan onu yükler: örneğin belirli bir çatıyla nasıl çalışılacağı, belgelerin nasıl yazılacağı ya da bir dağıtımın nasıl hazırlanacağı. Böylece ajanınızın bildiklerini, her sohbette yeniden anlatmadan genişletirsiniz.

Dizinin kaynağı

Beceriler Claude Code, Codex, Cursor ve diğer ajanlar için bir dizin olan skills.sh'den gelir. En çok kurulan 10.000 beceriyi her gün eşitleriz. Her kayıtta ad, yazar ve depo, kurulum sayısı, güvenlik denetimi durumu ve beceriyi ekleme komutu bulunur; «Komutu kopyala» düğmesiyle alırsınız. Açıklamalar yazarlarına aittir, İngilizcedir ve çevrilmez; her becerinin kodu kayıttan bağlantı verilen GitHub deposundadır.

Doğru beceriyi bulmanın adımları

  1. Sekmeyi seçin. «En çok kurulanlar» toplam kuruluma, «Yükselenler» son 7 günde kazanılan kuruluma göre sıralar.
  2. Konuya göre daraltın. Frontend, backend, DevOps, veritabanları, güvenlik, belgeler ve diğer konular var.
  3. Ajanınızı seçin. Yalnızca kullandığınız ajanla uyumlu becerileri görün.
  4. Arayın. Ad ya da açıklamaya göre arama kutusunu kullanın.

Her görünümde en fazla 100 beceri gösterilir; belirli bir şey arıyorsanız filtrelerle daraltın.

Güvenlik denetimi

Durumlar skills.sh'nin yayımladığı denetimlerden gelir: «Geçti», «Uyarılar», «Başarısız» ve «Denetlenmedi». Geçmiş bir denetim garanti değildir. Bir beceri, ajanın bilgisayarınızda çalıştıracağı betikler içerebilir; kurmadan önce depodaki kodu okuyun, özellikle ağa ya da dosyalarınıza erişim istiyorsa. Kurulum sayıları da skills.sh tarafından tutulur: popülerliği gösterir, kaliteyi ya da güvenliği değil.

Diğer bölümlerle ilişkisi

Beceriler bir ajanın içinde çalışır; önce bir ajan gerekir, onları kodlama ajanları sayfasında bulursunuz. Ajanın başarısı da kullandığı modele bağlıdır; bunu kodlama ve ajanlar sıralamaları gösterir. İyi bir beceri zayıf bir modeli güçlendirmez, ama tekrarlanan talimatlardan kurtarır ve ajanın projenizin kurallarına uymasını sağlar.