modern-web-design

Content Skills

#### [Ken Style Social Media](./ken-style-social-media)

Create authentic social media content in Ken's distinctive multilingual style, mixing Cantonese, English, and Traditional Chinese for maximum engagement and conversion.

Use Cases:

• Personal brand building posts
• Product showcase content
• Educational content sharing
• Viral social media campaigns

#### [Content Optimization](./content-optimization)

Optimize content for SEO, engagement, and conversion across multiple platforms with comprehensive analysis and actionable recommendations.

Use Cases:

• Blog post SEO optimization
• Landing page copy improvement
• Email marketing enhancement
• Content strategy development

Design Skills

#### [Modern Web Design](./modern-web-design)

Create beautiful, responsive websites using modern design principles, Tailwind CSS, and contemporary UI patterns.

Use Cases:

• Landing pages and marketing sites
• Portfolio and business websites
• SaaS application interfaces
• E-commerce product pages

Claude Code Plugin Installation

1. Download the Plugin

```bash

git clone https://github.com/kuse-ai/kuse-skills.git

cd kuse-skills

```

1. Install as Claude Code Plugin

```bash

# Copy to Claude Code plugins directory

cp -r . ~/.claude/plugins/kuse-ai-skills/

```

1. Restart Claude Code

The skills will be automatically available in your next Claude Code session.

Individual Skill Installation

You can also install individual skills to your project or personal skills directory:

```bash

# For project-specific skills

mkdir -p .claude/skills

cp -r ken-style-social-media .claude/skills/

# For personal skills (available across all projects)

mkdir -p ~/.claude/skills

cp -r modern-web-design ~/.claude/skills/

```

Skills are automatically invoked by Claude when your request matches the skill's description. Simply ask for what you need:

Content Creation Examples

```

"Generate a ken-style social media post about our new AI tool launch"

"Optimize this blog post for SEO and engagement"

"Create a landing page for our SaaS product"

```

Design Examples

```

"Build a modern portfolio website with dark theme"

"Create a professional business landing page"

"Design a responsive e-commerce product page"

```

Optimization Examples

```

"Analyze this content for SEO improvements"

"Optimize this landing page for conversions"

"Review this blog post for readability and engagement"

```

Content Skills

Focus on creating, optimizing, and enhancing written content across platforms:

• Social Media: Platform-specific content creation and optimization
• SEO Content: Search engine optimized blog posts and articles
• Marketing Copy: Conversion-focused sales and marketing materials
• Brand Voice: Consistent messaging and tone development

Design Skills

Create modern, responsive web experiences:

• Website Design: Complete website creation with modern frameworks
• UI Components: Reusable interface elements and patterns
• Responsive Design: Mobile-first, cross-device optimization
• Design Systems: Consistent visual language and branding

Each skill includes comprehensive documentation:

• SKILL.md: Main skill instructions and usage guidelines
• references/: Detailed guides, templates, and best practices
• assets/: Reusable templates, components, and resources
• scripts/: Automation tools and utilities (where applicable)

Creating Custom Skills

Use the included skill creation framework to build your own:

1. Initialize New Skill

```bash

mkdir my-custom-skill

cd my-custom-skill

```

1. **Crea