# antfu/skills

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/antfu-skills).**

3,487 stars · 162 forks · TypeScript · mit

## Links

- GitHub: https://github.com/antfu/skills
- awesome-repositories: https://awesome-repositories.com/repository/antfu-skills.md

## Topics

`agent-skills` `skills`

## Description

This project is a multi-purpose toolkit consisting of an AI agent knowledge base, a developer tool UI kit, a markdown presentation framework, a technical diagram renderer, and a TypeScript library bundler. It provides the infrastructure to curate documented guidelines into structured collections for automated AI outputs while offering tools for creating technical content and distributing software libraries.

The markdown presentation framework allows for the creation of interactive slide decks featuring synchronized code blocks, motion transitions, and the rendering of mathematical formulas and complex technical diagrams. These presentations can be exported into static PDF or PNG formats for distribution. The developer tool UI kit utilizes a system of semantic design tokens to maintain visual consistency across light and dark mode interfaces.

The TypeScript library bundler compiles code into multiple output formats, specifically ESM and CJS, while managing type declarations and external dependencies. Additional capabilities include the ability to migrate configurations from other build tools and the use of schema-driven configurations to map input entries to output targets.

## Tags

### Education & Learning Resources

- [Technical Presentation Tools](https://awesome-repositories.com/f/education-learning-resources/technical-presentation-tools.md) — Provides a framework for creating interactive technical slide decks from markdown with synchronized code and diagram rendering.

### User Interface & Experience

- [Markdown Presentation Generation](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/web-based-presentation-authoring-tools/markdown-slide-renderers/markdown-presentation-generation.md) — Provides a framework for generating full interactive presentation decks from structured markdown source files.
- [Design Token Systems](https://awesome-repositories.com/f/user-interface-experience/design-token-systems.md) — Implements a design token system using semantic variables to maintain visual consistency across interface themes.
- [Developer Tool Interfaces](https://awesome-repositories.com/f/user-interface-experience/developer-tool-interfaces.md) — Implements a design system tailored for technical product surfaces with support for consistent light and dark modes.
- [Developer Tooling UI Components](https://awesome-repositories.com/f/user-interface-experience/developer-tooling-ui-components.md) — Ships a set of UI components and design tokens specifically optimized for developer tool interfaces.
- [UI Design Tools](https://awesome-repositories.com/f/user-interface-experience/ui-design-tools.md) — Offers a specialized UI kit for building consistent developer-facing interfaces using semantic design tokens.
- [Design Token Theming](https://awesome-repositories.com/f/user-interface-experience/design-token-theming.md) — Applies semantic color and spacing tokens to create consistent light and dark modes for developer tool interfaces. ([source](https://github.com/antfu/skills/tree/main/skills/antfu-design))
- [Code Snippet Transitions](https://awesome-repositories.com/f/user-interface-experience/media-embeds/interactive-component-embeds/code-snippet-transitions.md) — Integrates code blocks with line highlighting and synchronized transitions to showcase programming snippets. ([source](https://github.com/antfu/skills/tree/main/skills/slidev))
- [Presentation Animations](https://awesome-repositories.com/f/user-interface-experience/presentation-animations.md) — Configures motion effects and transitions to control the flow of information during a presentation. ([source](https://github.com/antfu/skills/tree/main/skills/slidev))
- [Presentation Decks](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/slide-management-configuration/slide-content-authoring/presentation-decks.md) — Supports exporting interactive slide decks into portable static formats like PDF and PNG. ([source](https://github.com/antfu/skills/tree/main/skills/slidev))

### Artificial Intelligence & ML

- [Agent Knowledge Bases](https://awesome-repositories.com/f/artificial-intelligence-ml/agent-knowledge-bases.md) — Provides a system for curating documented guidelines into structured knowledge bases to improve AI agent accuracy.
- [Agent Skill Generators](https://awesome-repositories.com/f/artificial-intelligence-ml/agent-skill-configurations/skill-quality-validators/agent-skill-generators.md) — Provides tools to generate personalized agent skill collections by syncing external knowledge sources into ready-to-use formats. ([source](https://cdn.jsdelivr.net/gh/antfu/skills@main/README.md))
- [Agent Skill Sets](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-systems-frameworks/agent-capabilities-skills-tooling/agent-skill-frameworks/agent-skill-sets.md) — Aggregates documented guidelines and best practices into structured collections for AI agent consumption. ([source](https://cdn.jsdelivr.net/gh/antfu/skills@main/README.md))

### Content Management & Publishing

- [Diagram Renderers](https://awesome-repositories.com/f/content-management-publishing/markdown-renderers/diagram-renderers.md) — Renders specialized markup as mathematical formulas and technical diagrams within markdown slides.

### Data & Databases

- [Agent Knowledge Formats](https://awesome-repositories.com/f/data-databases/data-quality-frameworks/ai-knowledge-bases/agent-knowledge-formats.md) — Supplies documented guidelines and tool configurations in formats optimized for AI agent ingestion. ([source](https://cdn.jsdelivr.net/gh/antfu/skills@main/README.md))

### Development Tools & Productivity

- [JavaScript and TypeScript Build Systems](https://awesome-repositories.com/f/development-tools-productivity/javascript-and-typescript-build-systems.md) — Builds TypeScript and JavaScript libraries into multiple output formats with automatic type declaration management.
- [TypeScript Bundling](https://awesome-repositories.com/f/development-tools-productivity/project-bundling/typescript-bundling.md) — Implements a high-performance TypeScript bundling system using esbuild for fast JavaScript distribution.
- [Build Configuration Schemas](https://awesome-repositories.com/f/development-tools-productivity/build-configuration-schemas.md) — Uses structured configuration files to map input entries to output targets for build and presentation behavior.
- [Library Bundling Configurations](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-configuration-systems/library-bundling-configurations.md) — Allows defining entry points and output targets via configuration files to customize the bundling process. ([source](https://github.com/antfu/skills/tree/main/skills/tsdown))

### Graphics & Multimedia

- [Technical Content Rendering](https://awesome-repositories.com/f/graphics-multimedia/technical-content-rendering.md) — Renders complex technical information, including mathematical formulas and diagrams, within web-based slides. ([source](https://github.com/antfu/skills/tree/main/skills/slidev))
- [Diagram Renderers](https://awesome-repositories.com/f/graphics-multimedia/diagram-renderers.md) — Renders specialized syntax into mathematical formulas and complex technical diagrams within slide decks.

### Web Development

- [Dual Module Formats](https://awesome-repositories.com/f/web-development/es-module-support/dual-module-formats.md) — Generates simultaneous ESM and CJS bundles with type declarations to ensure cross-environment compatibility.

### Business & Productivity Software

- [Presentation Format Converters](https://awesome-repositories.com/f/business-productivity-software/knowledge-content-creation/presentation-visual-tools/presentation-format-converters.md) — Enables the conversion of dynamic slide content into static PDF or PNG formats for distribution.