Creative & Design🤖claude🌐universal
Skill-Box
Curated Practical Skills · Continuously Updated · Modular Refactor
Quick Start
Install this Skill
npx skills add Jst-Well-Dan/Skill-Box<p align="center"> <img src="./_logo/Skillbox-with-words 1.svg" alt="Skillbox Logo" width="600"> </p> <p align="center"> English | <a href="./README.zh.md">简体中文</a> </p> <p align="center"> <img src="https://img.shields.io/badge/Plugins-33-blue?style=for-the-badge" alt="Plugins"> <img src="https://img.shields.io/badge/Skills-68-orange?style=for-the-badge" alt="Skills"> <img src="https://img.shields.io/badge/Version-v2.0.0-blue?style=for-the-badge" alt="Version"> <img src="https://img.shields.io/badge/License-MIT-green?style=for-the-badge" alt="License"> </p> <p align="center"> <em>Curated Practical Skills · Continuously Updated · Modular Refactor</em> </p> --- **Bridging Technical Divides, Empowering AI for Everyone** From automated workflows to professional content creation, unlock the infinite possibilities of AI. Skillbox is a curated collection of skills for Claude Code. We group related skills into powerful plugins to make installation and usage more efficient. --- ## 🔗 Important Links - **Skillbox Official Site**: [https://skill-box.zwtj.site/](https://skill-box.zwtj.site/) - Browse available skills visually - **Skillbox Studio**: [https://github.com/Jst-Well-Dan/Skillbox-Studio](https://github.com/Jst-Well-Dan/Skillbox-Studio) - Visual management tool --- ## Plugin Categories | Category | Description | Plugins | Skills | |------|------|:--------:|:--------:| | **No-Code Builder** | Web development, testing, and automation workflows without writing code. | 7 | 15 | | **Office Automation** | Unified processing suite for Word, Excel, PPT, and PDF. | 3 | 6 | | **Content Pipeline** | Full workflow for web harvesting, video downloading, and AI content creation. | 6 | 17 | | **Immersive Reading** | Deep reading analysis and action conversion. | 3 | 4 | | **Visual & Creative** | Visual design, video production, Obsidian visualization, and theme styling. | 11 | 19 | | **Brand & Marketing** | Brand guidelines, internal communications, and raffle tools. | 3 | 3 | | **Business Analyst** | Data analysis toolkit, financial modeling, and invoice recognition. | 3 | 6 | --- ## 🌟 Featured Plugins ### 📥 Content Harvester (content-harvester) > *One-stop harvesting for web and multi-media resources* - **web-fetch**: Scrape web content into Markdown. - **advanced-video-downloader**: Download videos from YouTube, Bilibili, and 1000+ other platforms. - **youtube-transcript**: Extract YouTube transcripts automatically. ### 📊 Data Analysis Toolkit (data-analysis-toolkit) > *From data cleaning to deep insights* - **csv-data-summarizer**: One-click CSV summary and visualization. - **excel-pivot-wizard**: Create advanced pivot tables and dashboards. - **excel-variance-analyzer**: Root cause analysis for budget vs. actual variance. ### 📑 Document Suite (document-suite) > *Unified handling for the entire Office suite* - **docx / xlsx / pptx / pdf**: Create, edit, and analyze Word/Excel/PPT/PDF while preserving formatting. ### 🧠 Reading to Action (reading-to-action) > *Transform high-quality input into actual output* - **deep-reading-analyst**: Deep analysis of articles using 5 major mental models. - **ship-learn-next**: Develop action-oriented learning and execution plans. --- ## 🚀 Quick Start ### Method 1: One-Click Install (Recommended) Run the following command in your terminal to install the entire skill library: ```bash claude plugin install Jst-Well-Dan/Skill-Box ``` ### Method 2: Install Specific Plugins With the refactored structure, you can easily install functional groups. For example, to install the Office suite: ```bash claude plugin add document-suite ``` ### Using Skills Once the plugin is installed, Claude will **automatically identify** when to call the relevant skills. For example: - "Analyze this PDF and summarize it into Word" → Automatically calls **document-suite** - "Scrape this webpage and analyze its business model" → Automatically calls **content-harvester** and **data-analysis-toolkit** --- ## 📂 Full List (v2.0) <details> <summary>Click to expand the detailed list of 33 plugins / 68 skills</summary> ### No-Code Builder #### 1. frontend-builder > End-to-end frontend development: design interfaces, build artifacts, follow best practices, and deploy. **Included Skills:** - `artifacts-builder` - Building frontend artifacts - `frontend-design` - Frontend UI design - `react-best-practices` - React best practices - `vercel-deploy` - Deployment to Vercel **Source:** [Anthropic](https://github.com/anthropics/skills) | [Vercel Labs](https://github.com/vercel-labs/agent-skills) #### 2. testing-toolkit > Complete testing toolkit: PICT design, TDD methodology, automated test fixing, and E2E testing. **Included Skills:** - `pypict` - PICT combinatorial test design - `tdd` - Test Driven Development - `test-fixing` - Automated test fixing - `webapp-testing` - Web app end-to-end testing **Source:** [ComposioHQ](https://github.com/ComposioHQ/awesome-claude-skills ... (truncated)
Repository
4stars
2forks
Details
Related Skills
More creative & design skills you might like
expo-router
Creative & DesignNavigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and context menus, native Stack, page titles, modals and form sheets, NativeTabs, headers and toolbars, and header search bars.
🌐universal
2.8k
178
View
expo-native-ui
Creative & DesignBuild beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.
🌐universal
2.8k
178
View
frontend-slides
Creative & DesignCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
🤖claude🌐universal
30.6k
2.4k
View
frontend-slides
Creative & DesignCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
🤖claude🌐universal
30.6k
2.4k
View