Skill Chips

Generate beautiful skill badges for your GitHub profile or documentation.

Usage

Add skill badges to your markdown files using this URL pattern:

![Skill Name](https://skill-chips.vercel.app/v1/[skill]?lvl=[level])

Parameters

• [skill]: Programming language or technology name (e.g. JavaScript, Python, React)
• lvl: Proficiency level (beginner, intermediate, or advanced)
• icon (optional): Override the default icon name from devicon

Examples

![TypeScript](https://skill-chips.vercel.app/v1/TypeScript?lvl=advanced)
![React](https://skill-chips.vercel.app/v1/React?lvl=intermediate)
![Python](https://skill-chips.vercel.app/v1/Python?lvl=beginner)

Development

1. Clone this repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Build for production:

npm run build

How It Works

• Built with SvelteKit
• Uses DevIcon for technology icons
• Dynamically generates SVG badges using Svelte components
• Color mappings based on GitHub's language colors