8 production-ready skills for enhanced Claude Code workflows: 1. github-ops - Comprehensive GitHub operations via gh CLI and API - PR/issue management, workflow automation, API interactions 2. markdown-tools - Document conversion to markdown - PDF/Word/PowerPoint/Confluence → Markdown with WSL support 3. mermaid-tools - Mermaid diagram generation - Extract and render diagrams from markdown to PNG/SVG 4. statusline-generator - Claude Code statusline customization - Multi-line layouts, cost tracking, git status, colors 5. teams-channel-post-writer - Microsoft Teams communication - Adaptive Cards, formatted announcements, corporate standards 6. repomix-unmixer - Repomix file extraction - Extract from XML/Markdown/JSON formats with auto-detection 7. skill-creator - Skill development toolkit - Init, validation, packaging scripts with privacy best practices 8. llm-icon-finder - AI/LLM brand icon finder - 100+ AI model icons in SVG/PNG/WEBP formats Features: - Individual skill installation (install only what you need) - Progressive disclosure design (optimized context usage) - Privacy-safe examples (no personal/company information) - Comprehensive documentation with references - Production-tested workflows Installation: /plugin marketplace add daymade/claude-code-skills /plugin marketplace install daymade/claude-code-skills#<skill-name> Version: 1.2.0 License: See individual skill licenses 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
48 lines
957 B
Markdown
48 lines
957 B
Markdown
# Developer Information
|
|
|
|
This file contains additional information for developers who want to use lobe-icons in their projects.
|
|
|
|
## npm Installation
|
|
|
|
Icons can be installed as npm packages:
|
|
|
|
```bash
|
|
# React components
|
|
npm install @lobehub/icons
|
|
|
|
# Static SVG files
|
|
npm install @lobehub/icons-static-svg
|
|
|
|
# Static PNG files
|
|
npm install @lobehub/icons-static-png
|
|
|
|
# Static WEBP files
|
|
npm install @lobehub/icons-static-webp
|
|
|
|
# React Native
|
|
npm install @lobehub/icons-rn
|
|
```
|
|
|
|
## Usage in React
|
|
|
|
```tsx
|
|
import { Claude, OpenAI, Gemini } from '@lobehub/icons';
|
|
|
|
function MyComponent() {
|
|
return (
|
|
<div>
|
|
<Claude size={48} />
|
|
<OpenAI size={48} />
|
|
<Gemini size={48} />
|
|
</div>
|
|
);
|
|
}
|
|
```
|
|
|
|
## Additional Resources
|
|
|
|
- **Icon Gallery**: https://lobehub.com/icons
|
|
- **GitHub Repository**: https://github.com/lobehub/lobe-icons
|
|
- **Documentation**: https://icons.lobehub.com
|
|
- **NPM Packages**: https://www.npmjs.com/search?q=%40lobehub%2Ficons
|