Menu
Build, debug, and deploy websites with HTML, CSS, JavaScript, modern frameworks, and production best practices.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Claude Code 无限开发循环技能 - 让 Claude 成为无限开发循环：spec → feature list → implement → test → commit → repeat，跨无限制上下文窗口。
专业 PPT 演示文稿全流程 AI 生成助手。模拟万元/页级别 PPT 设计公司的完整工作流，输出高质量 HTML 演示文稿 + 可编辑矢量 PPTX。
WPS Office 智能助手 - AI编程助手通过自然语言操控WPS Office的MCP工具集。支持Excel(80工具) / Word(24工具) / PPT(111工具) / 通用(9工具)。
小红书内容自动化 — 监控关键词、生成爆款文案、自动发布。 基于 Agent-Reach 实现小红书阅读、搜索、发帖、评论、点赞。 适用于博物馆/文博/文物等垂直领域，也支持通用爆款生成。
Comprehensive Git operations for repository management. Use when working with Git repositories for: - Committing changes (git commit with conventional commits format) - Creating branches (feature, bugfix, hotfix branches) - Stashing changes - Viewing history, diffs, and status - Merging and rebasing - Creating pull requests (GitHub, GitLab) - Undoing commits and changes - Syncing with remote (push, pull, fetch)
Universal HTTP retry mechanism with exponential backoff. Use when making API calls that may fail due to network issues, timeouts, or rate limits.
| name | Web Development |
| description | Build, debug, and deploy websites with HTML, CSS, JavaScript, modern frameworks, and production best practices. |
| Need | See |
|---|---|
| HTML/CSS issues | html-css.md |
| JavaScript patterns | javascript.md |
| React/Next.js/frameworks | frameworks.md |
| Deploy to production | deploy.md |
| Performance/SEO/a11y | performance.md |
<!DOCTYPE html> triggers quirks mode; layouts break unpredictably.class overrides element selectors regardless of order=== not == — Type coercion causes "0" == false to be trueforEach doesn't await; use for...of or Promise.allAccess-Control-Allow-Origin on the server<meta name="viewport">, mobile renders desktop-widthpreventDefault — Page reloads; call e.preventDefault() in submit handlerwidth/height causes layout shift (CLS penalty)NEXT_PUBLIC_* exposes to client; never prefix secrets"Make it responsive" → Mobile-first CSS with media queries; test at 320px, 768px, 1024px
"Deploy to production" → See deploy.md for Vercel/Netlify/VPS patterns
"Fix CORS error" → Server must send headers; proxy through same-origin if you can't control server
"Improve performance" → Lighthouse audit; focus on LCP, CLS, FID; lazy-load below-fold images
"Add SEO" → Title/description per page, semantic HTML, OG tags, sitemap.xml