Developing Preact
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.
- skills.sh installs
- 167
- GitHub stars
- 171
- last updated
- Aug 21, 2026
Install
$ npx -y skills add oaustegard/claude-skills --skill developing-preact --agent claude-codeInstalls into .claude/skills of the current project.
Files
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:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/oaustegard/claude-skills
- Categories
- Frontend Development, DevOps & CI/CD, Code Review & Quality, Data Science & ML, Game Development
- First seen
- Jun 3, 2026
Recommended
More Frontend Development
sn-md-to-html-reportopensensenova/sensenova-skills将 Markdown 文档转换为美观、舒适、结构清晰、可直接打开的 HTML 长篇报告。适用于把 .md 文件转成 HTML、统一研究报告/行业报告/调研文档版式、生成可离线分享的单文件网页报告、嵌入或校验本地图片、修复 Markdown 表格分隔符导致的错列问题，或优化已有 HTML 报告的阅读留白、图片呈现、目录导161skills.sh installs
