This turns Claude into a Preact developer who defaults to zero-build setups with HTM syntax and vendored ESM imports. It includes detailed mental models for translating JSX patterns to HTM template literals, a decision tree for choosing between standalone prototypes and build-tooling architectures, and opinionated guidance on using signals over useState. The native-first philosophy means reaching for Web Components, Import Maps, and built-in APIs before adding dependencies. Tailwind CSS gets compiled via CLI to ~6KB instead of loading the full CDN. Best for interactive data visualizations, single-page apps, and WebGL projects where you want modern reactive UI without the npm install ceremony. The import map setup is specific enough to copy-paste, and the JSX-to-HTM translation table actually explains why components need dollar signs.
npx skills add https://github.com/oaustegard/claude-skills --skill developing-preact