# webstatic

> Injects WebStatic PHP/TypeScript Framework context for CMS development.
Provides project structure, build commands, and code patterns for the Teslasoft
content management system. Keywords: webstatic, cms, php, typescript, durandal.

- Author: Christian Kusmanow
- Repository: teslasoft-de/claude-skills-marketplace
- Version: 20260125005723
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/teslasoft-de/claude-skills-marketplace
- Web: https://mule.run/skillshub/@@teslasoft-de/claude-skills-marketplace~webstatic:20260125005723

---

---
name: webstatic
description: |
  Injects WebStatic PHP/TypeScript Framework context for CMS development.
  Provides project structure, build commands, and code patterns for the Teslasoft
  content management system. Keywords: webstatic, cms, php, typescript, durandal.
triggers:
  - /webstatic
  - /webstatic update
  - /webstatic build
  - /webstatic build-all
  - /webstatic status
  - /webstatic structure
  - /webstatic help
  - webstatic framework
  - cms development
negative_triggers:
  - general PHP questions unrelated to WebStatic
  - other CMS frameworks (WordPress, Drupal, etc.)
  - generic TypeScript without WebStatic context
version: 2.0.0
author: Christian Kusmanow / Claude
last_updated: 2026-01-23
security:
  trust_model: Local development framework, no external API calls
  confirmations:
    - Admin junction creation requires Administrator privileges
  notes: Database connection details are parameterized in config files
---

# Skill: WebStatic Framework

Injects the WebStatic PHP/TypeScript Framework context for CMS development.

## When to Use

- Developing features for the WebStatic CMS
- Building TypeScript widgets for the admin interface
- Working with the Durandal SPA architecture
- Running Grunt build tasks
- Integrating with teslasoft.de website

## When NOT to Use

- General PHP development unrelated to WebStatic
- Other CMS frameworks (WordPress, Drupal, Joomla)
- Generic TypeScript projects

---

## Quick Start

```bash
# Navigate to js directory
cd D:\TeamProjects\Teslasoft\webstatic\js

# Build core library
grunt build

# Build all (vendor + polyfills)
grunt --gruntfile Gruntfile.app.js build_dependencies
grunt --gruntfile Gruntfile.polyfill.js polyfill
```

---

## Commands

| Command | Action |
|---------|--------|
| `/webstatic` | Load WebStatic framework context |
| `/webstatic build` | Build core library (WebStatic.js) |
| `/webstatic build-all` | Build all: core + vendor + polyfills |
| `/webstatic status` | Show git status and build outputs |
| `/webstatic structure` | Display project structure overview |
| `/webstatic update` | Sync skill to global locations |
| `/webstatic help` | Show this documentation |

---

## Project Profile

| Field | Value |
|-------|-------|
| **Project** | WebStatic |
| **Version** | 0.8.9 |
| **Type** | PHP Web Content Management Framework |
| **Repository** | `D:\TeamProjects\Teslasoft\webstatic` |
| **Stack** | PHP 7.4+, MySQL 5.7+, TypeScript, Durandal, Grunt |

---

## Technology Stack

| Layer | Technologies |
|-------|-------------|
| **Backend** | PHP 7.4+, MySQL 5.7+ (stored procedures) |
| **Frontend** | TypeScript, Durandal SPA, Knockout MVVM |
| **Build** | Grunt, Bower, npm |
| **Styling** | Ruby + Compass (SCSS) |
| **Widgets** | Dock-Spawn docking panels |

---

## Build Outputs

| File | Description |
|------|-------------|
| `js/dist/WebStatic.js` | Core library (jQuery plugins, animations) |
| `js/dist/WebStatic.min.js` | Minified core library |
| `js/dist/WebStatic.polyfill.js` | IE/legacy browser polyfills |
| `js/vendor/` | AMD-wrapped vendor libraries |

---

## Failure Modes & Recovery

| Issue | Recovery |
|-------|----------|
| Bower install fails | Check bower.json, some deps use git URLs |
| Grunt watch hangs | Check file permissions on dist/ |
| TypeScript errors | Ensure typings installed (`tsd install`) |
| Module not found | Check RequireJS paths in `main.ts` |
| Widget not docking | Verify elementID matches HTML id |

---

## Security & Permissions

- **Required tools:** Bash (build commands), Read, Write
- **Confirmations:** Junction creation requires Administrator
- **Database config:** Connection details in `config/.mysqli.*.inc.php` (parameterized)
- **Trust model:** Local development only, no external uploads

---

## Best Practices

1. Use **Allman brace style** for all TypeScript code
2. Extend **DatabaseObject** for new PHP entities
3. Preserve **file banners** when editing files
4. Follow **PascalCase naming** for classes and properties
5. Use **MulticastDelegate** for event patterns
6. Check **junction integrity** before Website builds

---

## References

- [Build System](references/build-system.md) - Grunt configuration and commands
- [Code Patterns](references/code-patterns.md) - PHP and TypeScript conventions
- [Widget Development](references/widget-development.md) - Creating admin widgets
- [Integration](references/integration.md) - Website junction and goal context

---

## Metadata

```yaml
author: Christian Kusmanow / Claude
version: 2.0.0
last_updated: 2026-01-23
change_surface: references/ (build updates, new patterns)
extension_points: references/widget-development.md (new widget types)
```

### Changelog

- **v2.0.0** (2026-01-23): SDL migration - Progressive disclosure structure
  - Split 418-line monolith into SKILL.md (~150 lines) + 4 references
  - Added YAML frontmatter with triggers and negative_triggers
  - Added security section with junction confirmation
  - Parameterized database connection references
- **v1.0.0** (2026-01-19): Initial release