developing-preact
✓针对基于标准的 Web 应用程序的专业 Preact 开发技能，具有原生优先架构和最小的依赖足迹。在构建 Preact 项目时使用，特别是那些涉及数据可视化、交互式应用程序、具有 HTM 语法的单页应用程序、Web 组件集成、CSV/JSON 数据解析、WebGL 着色器可视化或具有 CDN 导入的零构建解决方案的项目。
SKILL.md
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.
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 CDN 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.
针对基于标准的 Web 应用程序的专业 Preact 开发技能，具有原生优先架构和最小的依赖足迹。在构建 Preact 项目时使用，特别是那些涉及数据可视化、交互式应用程序、具有 HTM 语法的单页应用程序、Web 组件集成、CSV/JSON 数据解析、WebGL 着色器可视化或具有 CDN 导入的零构建解决方案的项目。 来源：oaustegard/claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/oaustegard/claude-skills --skill developing-preact- 分类
- {}数据分析
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 developing-preact？
针对基于标准的 Web 应用程序的专业 Preact 开发技能，具有原生优先架构和最小的依赖足迹。在构建 Preact 项目时使用，特别是那些涉及数据可视化、交互式应用程序、具有 HTM 语法的单页应用程序、Web 组件集成、CSV/JSON 数据解析、WebGL 着色器可视化或具有 CDN 导入的零构建解决方案的项目。 来源：oaustegard/claude-skills。
如何安装 developing-preact？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/oaustegard/claude-skills --skill developing-preact 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/oaustegard/claude-skills
详情
- 分类
- {}数据分析
- 来源
- skills.sh
- 收录时间
- 2026-02-01