Kunthawat Greethong 014f60b4af feat: collaborative design + visual QA screenshot workflow
Section 2.2 Design Direction:
- Use 2-3 skills TOGETHER to create hybrid design (not separate proposals)
- Combine strengths from ckm:design + ui-ux-pro-max + brand
- Migration: different layout but preserve content + images

Step 9 Visual QA:
- Add screenshot review BEFORE code review
- Use dev-browser/playwright to capture real screenshots
- Visual checklist: layout, typography, color, spacing, images, responsive, interactive, consent popup
- 9.1: Screenshot every page
- 9.2: Visual review from screenshots (not code)
- 9.3: Code review AFTER visual passes
- 9.4: Exploratory QA with dogfood

Sub-skill Routing:
- Updated to reflect collaborative design approach
- Added dev-browser for visual QA
2026-04-22 11:46:09 +07:00

OpenCode Skills

Personal collection of OpenCode skills for AI-powered terminal coding assistant.

Skills

skill-creator

Create new OpenCode skills with proper structure and templates.

Usage:

python3 scripts/create_skill.py <skill-name> "<description>"

Features:

  • Auto-generates SKILL.md with proper frontmatter
  • Creates script template with env loading
  • Validates skill naming conventions
  • Sets up .env.example and requirements.txt

Use the automated installer - it will:

  • Detect all skills in the repo
  • Prompt for required environment variables
  • Create .env files with your credentials
  • Install skills to OpenCode (global or per-project)
  • Install Python dependencies
./scripts/install-skills.sh

Manual Setup

If you prefer manual setup:

  1. Install dependencies:
# Dependencies are installed automatically by install-skills.sh
  1. Configure API tokens in .env:
# Copy .env.example to .env and add your credentials
  1. Install skills to OpenCode:
# Global install (available for all projects)
mkdir -p ~/.config/opencode/skills
cp -r skills/* ~/.config/opencode/skills/

# Or project-specific install
mkdir -p .opencode/skills
cp -r skills/* .opencode/skills/

OpenClaw Installation

For OpenClaw, just copy the skills folder - it now includes .env with all credentials:

# Option 1: Local OpenClaw folder
cp -r skills ~/.openclaw/skills

# Option 2: Remote server SSH mount (e.g. ~/openclaw-vps/)
cp -r skills ~/openclaw-vps/.openclaw/skills

# Option 3: rsync for faster sync over SSH
rsync -av skills/ user@remote-server:.openclaw/skills/

What to copy:

  • skills/ - Includes all skills AND .env with credentials

Note: OpenClaw searches for skills in ~/.openclaw/skills or any */.openclaw/skills folder.

Creating New Skills

Use the skill-creator to scaffold new skills:

python3 skills/skill-creator/scripts/create_skill.py my-new-skill "Description of what it does"

Then edit the generated files:

  1. SKILL.md - Define commands and options
  2. scripts/my_new_skill.py - Implement the functionality
  3. scripts/.env.example - Add required environment variables

Security

  • .env files are gitignored (never commit actual credentials)
  • Use .env.example as template only

License

MIT

Description
No description provided
Readme 9.8 MiB
Languages
Python 35.8%
C# 34.8%
TypeScript 10.8%
Shell 9.4%
Astro 4.6%
Other 4.5%