feat: Complete fleet — 94 skills across 10+ domains
Pulled ALL skills from 15 source repositories: - anthropics/skills: 16 (docs, design, MCP, testing) - obra/superpowers: 14 (TDD, debugging, agents, planning) - coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth) - better-auth/skills: 5 (auth patterns) - vercel-labs/agent-skills: 5 (React, design, Vercel) - antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo) - Plus 13 individual skills from various repos Mosaic Stack is not limited to coding — the Orchestrator and subagents serve coding, business, design, marketing, writing, logistics, analysis, and more. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
46
skills/slidev/references/style-icons.md
Normal file
46
skills/slidev/references/style-icons.md
Normal file
@@ -0,0 +1,46 @@
|
||||
---
|
||||
name: icons
|
||||
description: Using open-source icons in slides
|
||||
---
|
||||
|
||||
# Icons
|
||||
|
||||
Use any open-source icon directly in markdown. Powered by unplugin-icons and Iconify.
|
||||
|
||||
## Installation
|
||||
|
||||
```bash
|
||||
pnpm add @iconify-json/[collection-name]
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
Use component syntax `<collection-icon-name />`:
|
||||
|
||||
```md
|
||||
<mdi-account-circle />
|
||||
<carbon-badge />
|
||||
<uim-rocket />
|
||||
<logos-vue />
|
||||
```
|
||||
|
||||
## Popular Collections
|
||||
|
||||
- `@iconify-json/mdi` - Material Design Icons
|
||||
- `@iconify-json/carbon` - Carbon Design
|
||||
- `@iconify-json/logos` - SVG Logos
|
||||
- `@iconify-json/twemoji` - Twitter Emoji
|
||||
|
||||
## Styling
|
||||
|
||||
Style like any HTML element:
|
||||
|
||||
```html
|
||||
<uim-rocket class="text-3xl text-red-400 mx-2" />
|
||||
<uim-rocket class="text-3xl text-orange-400 animate-ping" />
|
||||
```
|
||||
|
||||
## Browse Icons
|
||||
|
||||
- https://icones.js.org/
|
||||
- https://icon-sets.iconify.design/
|
||||
Reference in New Issue
Block a user