Skills.
Give your AI a better way to work.
A skill is a set of written instructions that teaches an AI how to do one job the way it should be done: review a pull request, plan a migration, write the release notes.
Install one here and it travels with your account into Claude, Claude Code, Cursor and every other client you sign in with.
Category: Dev tools
17,088 results · page 563 of 570
- View details
fec-api-integrationSkillDev tools
Use when designing, implementing, or reviewing frontend-to-backend API integration, typed API clients, REST/tRPC/OpenAPI client choices, auth refresh, API error mapping, upload flows, SSE/WebSocket/polling choices, CORS-facing frontend behavior, or cross-boundary loading/error states. Do not use for
Ready to connect
- View details
fec-code-smellsSkillDev tools
Use when diagnosing structural maintainability problems in existing frontend code before deciding how to refactor it, especially when evidence, false-positive checks, and candidate transformations are needed without editing business code.
Ready to connect
- View details
fec-component-testingSkillDev tools
Use when authoring or reviewing frontend unit, component, or light integration tests close to UI code, including React Testing Library, Vue Test Utils, hooks/composables, props/emits, callbacks, accessible queries, user-event interactions, mocks, loading/error/empty states, and regression coverage.
Ready to connect
- View details
fec-data-fetchingSkillDev tools
Use when implementing or reviewing frontend server-state flows: typed queries, request caching, invalidation, mutations, optimistic updates, infinite queries, prefetch, SSR hydration, or API-layer integration. Do not use for local UI state or Service Worker caching; Chinese triggers include data fet
Ready to connect
- View details
fec-debug-frameworkSkillDev tools
Use when diagnosing frontend build failures, runtime errors, UI anomalies, API/data problems, white screens, request failures, or unexplained production exceptions; Chinese triggers include debugging, debug, troubleshooting, positioning, error reporting, exceptions, white screens, request failures.
Ready to connect
- View details
fec-legacy-to-modern-migrationSkillDev tools
Use when planning or implementing an intentional migration from JavaScript, jQuery, HTML/CSS, server-rendered templates, MPA legacy frontend code, or older framework code toward a modern frontend stack while preserving behavior. Do not use for routine legacy bug fixes that stay in the old stack; Chi
Ready to connect
- View details
fec-legacy-web-standardSkillDev tools
Use when maintaining or safely modifying existing non-framework frontend code: vanilla JavaScript, jQuery, HTML/CSS, MPA pages, server-rendered templates, legacy plugins, or long-lived code that should stay in its current stack. Use migration skill when planning a move to React/Vue/TypeScript; Chine
Ready to connect
- View details
fec-list-virtualizationSkillDev tools
Use when optimizing or reviewing large lists, virtual scrolling, windowing, react-window, TanStack Virtual, variable-height rows, dynamic measurement, infinite scroll, grid virtualization, or scroll performance; Chinese triggers include virtual lists, large list optimization, scroll performance.
Ready to connect
- View details
fec-motion-interactionSkillDev tools
Use when designing, implementing, or reviewing frontend interaction motion, page transitions, scroll animation, Framer Motion, GSAP, Lottie, CSS animation, motion intensity, animation performance, reduced-motion behavior, or cinematic but accessible UI motion. Do not use for SVG-only path drawing, C
Ready to connect
- View details
fec-react-project-standardSkillDev tools
Use when designing or reviewing React + TypeScript project structure, feature/module boundaries, component architecture, hooks organization, routing composition, state/API/error/styling defaults, or repository-wide React conventions. Prefer narrower skills for forms, data fetching, tests, accessibil
Ready to connect
- View details
fec-refactor-cleanSkillDev tools
Use when safely removing dead frontend code, unused exports, stale components, obsolete routes, unused dependencies, or cleanup targets found by tools such as knip, depcheck, ts-prune, TypeScript, ESLint, or manual review. Do not use for feature rewrites that change behavior; Chinese triggers includ
Ready to connect
- View details
fec-refactoring-apiSkillDev tools
Use when behavior-preserving frontend refactoring focuses on function API shape, flags, dependencies, mutability, construction, or command/function trade-offs, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-catalogSkillDev tools
Use when selecting or composing behavior-preserving refactoring techniques after structural evidence is known, especially when multiple candidate transformations, preconditions, or ordering choices must be compared.
Ready to connect
- View details
fec-refactoring-controlSkillDev tools
Use when behavior-preserving frontend refactoring focuses on conditional complexity, repeated branches, guards, special cases, or internal invariants, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-dataSkillDev tools
Use when behavior-preserving frontend refactoring focuses on variable meaning, field naming, derived state, or reference/value identity, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-encapsulationSkillDev tools
Use when behavior-preserving frontend refactoring focuses on record, collection, value, responsibility, delegation, or algorithm boundaries, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-functionsSkillDev tools
Use when behavior-preserving frontend refactoring focuses on function structure, naming, parameters, shared context, or phase boundaries, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-inheritanceSkillDev tools
Use when behavior-preserving frontend refactoring focuses on legacy OO hierarchies, subtype responsibilities, superclass extraction/collapse, or delegation, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-move-featuresSkillDev tools
Use when behavior-preserving frontend refactoring focuses on behavior/data ownership, statement placement, loops, or dead-code knowledge, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.
Ready to connect
- View details
fec-refactoring-validationSkillDev tools
Use when proving that a frontend refactoring preserved existing behavior, selecting an appropriate safety net, validating each structural step, or assigning a PASS, PARTIAL, or NOT PROVEN preservation verdict.
Ready to connect
- View details
fec-responsive-layoutSkillDev tools
Use when designing, implementing, or reviewing responsive frontend layouts, mobile-first breakpoints, container queries, fluid grids, data-dense tables, touch targets, safe areas, orientation changes, viewport overflow, or cross-device UI behavior; Chinese triggers include responsive layouts, mobile
Ready to connect
- View details
fec-route-protectionSkillDev tools
Use when implementing or reviewing frontend route protection, auth guards, RBAC, permission routes, login state handling, redirects, middleware, React Router, Next.js, Vue Router, or Nuxt route middleware; Chinese triggers include route protection, permission routing, login state.
Ready to connect
- View details
fec-svg-animationSkillDev tools
Use when implementing or reviewing SVG animation, path drawing, icon motion, logo animation, illustration motion, micro-interactions, CSS/SMIL/Framer Motion/GSAP choices, motion accessibility, or fallback behavior; Chinese triggers include SVG animation, path stroke, animation.
Ready to connect
- View details
fec-vite-project-standardSkillDev tools
Use when creating, configuring, reviewing, or debugging Vite-based frontend projects, vite.config.ts, env variables, dev server proxy, HMR, plugin ordering, library mode, dependency pre-bundling, bundle splitting, or Vite build performance. Use framework-specific skills for React/Vue component archi
Ready to connect
- View details
fec-vue3-project-standardSkillDev tools
Use when designing or reviewing Vue 3 + TypeScript project structure, SFC/component boundaries, composables organization, route composition, Pinia ownership, API/error/styling defaults, directives, or repository-wide Vue conventions. Prefer narrower skills for forms, data fetching, tests, accessibil
Ready to connect
- View details
feedback-loopSkillDev tools
Step 4 of the Data Squad (Class 4) — closes the O.F.T.R. method loop by feeding real data back to the top of the funnel. Generates retroalimentacao.md with who the ads reach (age/gender/state), what sells (products/ticket), how the audience talks (themes and quotes without attribution), and real obj
Ready to connect
- View details
funnel-recoverySkillDev tools
Structures the recovery sequence for a funnel — what to do when a lead reaches checkout and doesn't buy. Each behavior has a different approach: abandoned cart, declined card, generated boleto, downsell, and re-elevating awareness (pushing the lead back to the problem level). Funci
Ready to connect
- View details
gestor-de-campanhasSkillDev tools
Stage 5 of the Data Squad (Lesson 4) — the Campaign Manager — compares the ACTUALS from the last 7 and 30 days (spend, CTR, conversions, cash) with the PLANNED CAMPAIGN in PAINEL-DA-SEMANA.yaml (daily budget, success/reversal criteria), points out deviations and trends, and FEEDS BACK into Lessons 1
Ready to connect
- View details
github-stars-curatorSkillDev tools
Organize starred GitHub repos into stable, clear lists: detect new stars, download READMEs into a local corpus, classify each repo against the taxonomy, and sync the approved mapping back to GitHub via gh. Use this when a user wants their starred repos sorted into lists, a recent batch of new stars
Ready to connect
- View details
grilling-fixSkillDev tools
Triggers alongside the grilling skill whenever the user invokes grilling-fix (e.g. `/grilling /grilling-fix`) or asks to be grilled with lettered options. Overrides only grilling's answer-option format; every question must offer explicit options labeled with letters (A, B, C…), never numbers, plus g
Ready to connect
What is a skill?
A skill is plain text, usually a SKILL.md file and the scripts it refers to, written for an AI rather than for a person. It carries the steps, the house rules and the examples a good answer needs, so you stop pasting the same briefing into every new chat.
54,249 of the 54,680 skills listed here can be served through ahel today, and they come from public repositories. Each one has its own page with the instructions themselves on it, so you can read what a skill will tell your AI to do before you install it.
Install one and every AI you use gets it
Installing a skill adds it to your gateway and turns it on in the same step. Claude Code surfaces it as a slash command; any client can read the full instructions with the skill_read tool.
Nothing is copied into a project folder. The instructions are served from your account, so the same skill is there in every AI you connect, and turning it off removes it from all of them at once.