Create custom slash commands for Claude Code with proper markdown structure and YAML frontmatter. Use when: creating commands, generating slash commands, making workflow automations. Activates for: "create command", "generate command", "new command", "slash command", "make command"
Creates custom slash commands for Claude Code with proper markdown structure and YAML frontmatter. Use when you need to automate repetitive workflows or standardize common operations by generating `/command-name` files in the commands/ directory.
/plugin marketplace add jbabin91/super-claude/plugin install meta@super-claudeThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Generate custom slash commands for Claude Code with proper structure.
Commands are markdown files in the commands/ directory with YAML frontmatter:
---
description: Brief description of what this command does
---
# Command instructions
Detailed instructions for Claude to follow when this command is executed.
## Context
Information about when and how to use this command.
## Examples
Example usage and expected outcomes.
Ask the user:
/command-name (what should user type?)Location:
~/.claude/skills/super-claude/plugins/[plugin]/commands/command-name.md/path/to/project/.claude/commands/command-name.mdFormat:
---
description: One-line description (required)
---
# Command Name
## Purpose
Clear explanation of what this command does.
## Usage
\`\`\`
/command-name [arguments]
\`\`\`
## Instructions for Claude
Step-by-step instructions for Claude to follow:
1. First action
2. Second action
3. Third action
## Parameters
- `arg1`: Description of first argument
- `arg2`: Description of second argument (optional)
## Examples
### Example 1: Common Use Case
\`\`\`
/command-name value1 value2
\`\`\`
Expected outcome: [description]
### Example 2: With Options
\`\`\`
/command-name --option value
\`\`\`
Expected outcome: [description]
## Notes
- Important consideration 1
- Important consideration 2
Ensure:
---
description: Initialize a new TanStack Start project with drizzle and better-auth
---
# Setup TanStack Fullstack
## Purpose
Quickly scaffold a new TanStack Start project with database and authentication.
## Usage
\`\`\`
/setup-tanstack-fullstack [project-name]
\`\`\`
## Instructions for Claude
1. Create new directory with project-name
2. Initialize TanStack Start project
3. Install and configure Drizzle ORM with Postgres
4. Set up better-auth with Drizzle adapter
5. Create initial database schema
6. Set up environment variables
7. Create README with setup instructions
## Parameters
- `project-name`: Name of the new project directory
## Examples
### Example: Create New Project
\`\`\`
/setup-tanstack-fullstack my-app
\`\`\`
Creates:
- my-app/ directory
- TanStack Start configuration
- Drizzle + Postgres setup
- better-auth integration
- Initial schema and migrations
---
description: Perform comprehensive code review with focus areas
---
# Review Code
## Purpose
Systematic code review checking for common issues and best practices.
## Usage
\`\`\`
/review-code [--focus=area]
\`\`\`
## Instructions for Claude
1. Analyze current file or git diff
2. Check for:
- Type safety issues
- Accessibility concerns
- Performance problems
- Security vulnerabilities
- Best practice violations
3. If --focus provided, emphasize that area
4. Provide specific, actionable feedback
5. Suggest improvements with code examples
## Parameters
- `--focus`: Optional focus area (security, performance, accessibility, types)
## Examples
### Example: General Review
\`\`\`
/review-code
\`\`\`
### Example: Security Focus
\`\`\`
/review-code --focus=security
\`\`\`
---
description: Deploy to Cloudflare Pages with pre-deployment checks
---
# Deploy Cloudflare
## Purpose
Deploy current project to Cloudflare Pages with safety checks.
## Usage
\`\`\`
/deploy-cloudflare [--environment=prod|staging]
\`\`\`
## Instructions for Claude
1. Run pre-deployment checks:
- All tests passing
- No TypeScript errors
- No ESLint errors
- Build succeeds
2. Confirm environment variables are set
3. Build production bundle
4. Deploy to Cloudflare Pages
5. Verify deployment successful
6. Provide deployment URL
## Parameters
- `--environment`: Target environment (default: staging)
## Examples
### Example: Deploy to Staging
\`\`\`
/deploy-cloudflare
\`\`\`
### Example: Deploy to Production
\`\`\`
/deploy-cloudflare --environment=prod
\`\`\`
/setup-*: Initialize new projects/scaffold-*: Create project structure/generate-*: Create code/files/create-*: Create components/modules/review-*: Code review commands/fix-*: Auto-fix issues/lint-*: Linting operations/test-*: Run tests/coverage-*: Coverage analysis/deploy-*: Deployment operations/release-*: Release management/docs-*: Generate documentation/explain-*: Explain code/conceptsSolution: Ensure file is in commands/ directory and Claude Code has been restarted
Solution: Check parameter format in examples, ensure clear documentation
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.