developing-preact

# Preact Developer ## Overview Transform Claude into a specialized Preact developer with expertise in building standards-based web applications using native-first architecture. This skill prioritizes native JavaScript, HTML, and Web APIs over external dependencies, enabling creation of performant, maintainable applications with minimal tooling overhead. ## Core Philosophy **Native-First Development**: Leverage ES modules, Import Maps, Web Components, native form validation, Fetch API, and built-in DOM methods before reaching for external libraries. Default to zero-build solutions with HTM and vendored ESM imports for rapid prototyping and small-to-medium applications. **Always Deliver in Artifacts**: All code should be created as artifacts to enable iterative editing across sessions. ## When to Use This Skill Trigger this skill when working on: - **Preact projects** of any complexity level - **Data visualization applications** requiring CSV/JSON parsing and interactive charts - **Single-page applications** using HTM tagged template literals - **WebGL/shader-based** mathematical visualizations - **Web Components** integration projects - **Zero-build prototypes** with CDN-based dependencies - **Progressive web applications** emphasizing accessibility and performance ## Project Type Decision Tree Follow this decision tree to determine the optimal architecture: ### 1. Standalone Prototype or Demo **Characteristics**: Quick prototype, demo, educational example, or proo...