style: modern minimalistic design with dark-first theme

- Dark mode as default with smooth light mode toggle
- Inter + JetBrains Mono fonts for clean typography
- Custom CSS: gradient hero, domain card grid, stat counters, feature list
- Landing page redesigned with cards, CTAs, and visual hierarchy
- Getting started: tabbed install (Material tabs), numbered steps, collapsible FAQ
- MkDocs Material features: sticky tabs, instant navigation, progress bar,
  breadcrumbs, code annotations, emoji support, mermaid diagrams
- All Material reference extensions enabled (keys, mark, caret, tilde, etc.)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Reza Rezvani
2026-03-06 12:47:56 +01:00
parent 2c72babd52
commit 52e8fe1764
5 changed files with 727 additions and 182 deletions

View File

@@ -1,5 +1,5 @@
---
title: Getting Started with Claude Code Skills
title: Getting Started
description: "How to install and use Claude Code skills and plugins for Claude Code, OpenAI Codex, and OpenClaw."
---
@@ -7,82 +7,105 @@ description: "How to install and use Claude Code skills and plugins for Claude C
## Installation
### Claude Code (Recommended)
Choose your platform and follow the steps:
```bash
# Step 1: Add the marketplace
/plugin marketplace add alirezarezvani/claude-skills
=== "Claude Code"
# Step 2: Install the skills you need
/plugin install engineering-skills@claude-code-skills
<ol class="install-steps">
<li>
<strong>Add the marketplace</strong>
<pre><code>/plugin marketplace add alirezarezvani/claude-skills</code></pre>
</li>
<li>
<strong>Install the skills you need</strong>
<pre><code>/plugin install engineering-skills@claude-code-skills</code></pre>
</li>
<li>
<strong>Use them immediately</strong> — skills activate as slash commands or contextual expertise.
</li>
</ol>
=== "OpenAI Codex"
```bash
npx agent-skills-cli add alirezarezvani/claude-skills --agent codex
```
Or clone and install manually:
```bash
git clone https://github.com/alirezarezvani/claude-skills.git
./scripts/codex-install.sh
```
=== "OpenClaw"
```bash
bash <(curl -s https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/scripts/openclaw-install.sh)
```
=== "Manual"
```bash
git clone https://github.com/alirezarezvani/claude-skills.git
# Copy any skill folder to ~/.claude/skills/
```
<hr class="section-divider">
## Available Bundles
| Bundle | Install Command | Skills |
|--------|----------------|--------|
| **Engineering Core** | `/plugin install engineering-skills@claude-code-skills` | 23 |
| **Engineering POWERFUL** | `/plugin install engineering-advanced-skills@claude-code-skills` | 25 |
| **Product** | `/plugin install product-skills@claude-code-skills` | 8 |
| **Marketing** | `/plugin install marketing-skills@claude-code-skills` | 42 |
| **Regulatory & Quality** | `/plugin install ra-qm-skills@claude-code-skills` | 12 |
| **Project Management** | `/plugin install pm-skills@claude-code-skills` | 6 |
| **C-Level Advisory** | `/plugin install c-level-skills@claude-code-skills` | 28 |
| **Business & Growth** | `/plugin install business-growth-skills@claude-code-skills` | 4 |
| **Finance** | `/plugin install finance-skills@claude-code-skills` | 1 |
Or install individual skills: `/plugin install skill-name@claude-code-skills`
<hr class="section-divider">
## Usage
### Slash Commands
```
/pw:generate Generate Playwright tests
/pw:fix Fix flaky test failures
/si:review Review auto-memory health
/si:promote Graduate a learning to CLAUDE.md
/cs:board Trigger a C-suite board meeting
```
### OpenAI Codex
### Contextual Prompts
```bash
npx agent-skills-cli add alirezarezvani/claude-skills --agent codex
# Or: git clone + ./scripts/codex-install.sh
```
Using the senior-architect skill, review our microservices
architecture and identify the top 3 scalability risks.
```
### OpenClaw
```bash
bash <(curl -s https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/scripts/openclaw-install.sh)
```
Using the content-creator skill, write a blog post about
AI-augmented development. Optimize for SEO.
```
### Manual Installation
```bash
git clone https://github.com/alirezarezvani/claude-skills.git
# Copy any skill folder to ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex)
```
---
## Available Skill Bundles
| Bundle | Command | Skills |
|--------|---------|--------|
| Engineering Core | `/plugin install engineering-skills@claude-code-skills` | 23 |
| Engineering POWERFUL | `/plugin install engineering-advanced-skills@claude-code-skills` | 25 |
| Product | `/plugin install product-skills@claude-code-skills` | 8 |
| Marketing | `/plugin install marketing-skills@claude-code-skills` | 42 |
| Regulatory & Quality | `/plugin install ra-qm-skills@claude-code-skills` | 12 |
| Project Management | `/plugin install pm-skills@claude-code-skills` | 6 |
| C-Level Advisory | `/plugin install c-level-skills@claude-code-skills` | 28 |
| Business & Growth | `/plugin install business-growth-skills@claude-code-skills` | 4 |
| Finance | `/plugin install finance-skills@claude-code-skills` | 1 |
---
## Using Skills
Once installed, skills are available as slash commands or contextual expertise:
### Slash Command Example
```
/pw:generate # Generate Playwright tests
/si:review # Review auto-memory health
/cs:board # Trigger a C-suite board meeting
```
### Contextual Example
```
Using the senior-architect skill, review our microservices architecture
and identify the top 3 scalability risks.
```
---
<hr class="section-divider">
## Python Tools
All 160+ Python tools use the standard library only (zero pip installs). Run them directly:
All 160+ tools use the standard library only zero pip installs.
```bash
# Security audit
# Security audit a skill before installing
python3 engineering/skill-security-auditor/scripts/skill_security_auditor.py /path/to/skill/
# Brand voice analysis
# Analyze brand voice
python3 marketing-skill/content-creator/scripts/brand_voice_analyzer.py article.txt
# RICE prioritization
@@ -92,40 +115,48 @@ python3 product-team/product-manager-toolkit/scripts/rice_prioritizer.py feature
python3 c-level-advisor/cto-advisor/scripts/tech_debt_analyzer.py /path/to/codebase
```
---
<hr class="section-divider">
## Security
Before installing third-party skills, audit them:
!!! warning "Always audit untrusted skills"
```bash
python3 engineering/skill-security-auditor/scripts/skill_security_auditor.py /path/to/skill/
Before installing skills from third-party sources, run the security auditor:
```bash
python3 engineering/skill-security-auditor/scripts/skill_security_auditor.py /path/to/skill/
```
Returns **PASS** / **WARN** / **FAIL** with remediation guidance. Scans for command injection, data exfiltration, prompt injection, and supply chain risks.
<hr class="section-divider">
## Creating Your Own
Each skill is a folder:
```
my-skill/
SKILL.md # Instructions + workflows
scripts/ # Python CLI tools (optional)
references/ # Domain knowledge (optional)
assets/ # Templates (optional)
```
Returns **PASS / WARN / FAIL** with remediation guidance. Scans for command injection, data exfiltration, prompt injection, and more.
See the [Skills & Agents Factory](https://github.com/alirezarezvani/claude-code-skills-agents-factory) for a complete guide.
---
## Creating Your Own Skills
Each skill is a folder with:
- `SKILL.md` — frontmatter + instructions + workflows
- `scripts/` — Python CLI tools (optional)
- `references/` — domain knowledge (optional)
- `assets/` — templates (optional)
See the [Skills & Agents Factory](https://github.com/alirezarezvani/claude-code-skills-agents-factory) for a step-by-step guide.
---
<hr class="section-divider">
## FAQ
**Do I need API keys?**
No. Skills work locally with no external API calls. Python tools use stdlib only.
??? question "Do I need API keys?"
No. Skills work locally with no external API calls. All Python tools use stdlib only.
**Can I install individual skills?**
Yes. Use `/plugin install skill-name@claude-code-skills` for any single skill.
??? question "Can I install individual skills instead of bundles?"
Yes. Use `/plugin install skill-name@claude-code-skills` for any single skill.
**Do skills conflict with each other?**
No. Each skill is self-contained with no cross-dependencies.
??? question "Do skills conflict with each other?"
No. Each skill is self-contained with no cross-dependencies.
??? question "How do I update installed skills?"
Re-run the install command. The plugin system fetches the latest version from the marketplace.