Agent Skills

Find reusable agent skills for coding, research, design and everyday work, with practical explanations and links to the original instructions.

Submit a skill

60 skills · Page 1 of 5

title}

Per-component i18n AI-powered translation. Visual Editor. Multilingual CMS. React + Vite • Most i18n libraries are either too complex, too rigid, or not built…

Welcome to KoliBri

KoliBri stands for "component library for accessibility" and was released as open source by the Informationstechnikzentrum Bund (ITZBund) for reuse and continued development. Together…

Reflag

Feature flags for SaaS that run on TypeScript. Learn more and get started Client side React SDK Read the docs React Native SDK for…

Pharos AI

Open-source intelligence dashboard tracking the Iran conflict in real time. conflicts.app Most OSINT (open-source intelligence) platforms do a decent job at surfacing individual events…

Vercel React Best Practices

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…

Angular Architect

Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.

UI UX Pro Max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).…

Algolia Search

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantsearch, search api, search functionality.

Angular Best Practices

Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.

Angular Migration

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or…

Angular State Management

Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or…

Explore MCP servers

Entries link to the original documentation. Check access requirements, costs and maintenance before installing.

Agent Skills FAQ

What is an agent skill?

An agent skill packages instructions and supporting files for a particular task, so an AI agent can do that task the same way each time.

Which AI agents can use a skill?

Check the original project for its supported clients, installation steps and required tools. A skill’s page lists its compatibility and requirements when the project states them.

How do I add a skill to my agent?

Open a skill’s page for its getting-started notes and sources, then follow the original project’s documentation for your agent.