원클릭으로 Manus에서 모든 스킬 실행

시작하기

web-development

스타1

포크0

업데이트2026년 3월 3일 13:51

Build, debug, and deploy websites with HTML, CSS, JavaScript, modern frameworks, and production best practices.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

huangqianqian120

huangqianqian120/skillslibrary

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Quick Reference

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`

Critical Rules

DOCTYPE matters — Missing <!DOCTYPE html> triggers quirks mode; layouts break unpredictably
CSS specificity beats cascade — .class overrides element selectors regardless of order
=== not == — Type coercion causes "0" == false to be true
Async/await in loops — forEach doesn't await; use for...of or Promise.all
CORS is server-side — No client-side fix; configure Access-Control-Allow-Origin on the server
Responsive = viewport meta — Without <meta name="viewport">, mobile renders desktop-width
Form without preventDefault — Page reloads; call e.preventDefault() in submit handler
Images need dimensions — Missing width/height causes layout shift (CLS penalty)
HTTPS or blocked — Mixed content (HTTP resources on HTTPS pages) gets blocked by browsers
Environment variables leak — NEXT_PUBLIC_* exposes to client; never prefix secrets

Common Requests

"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

Framework Decision Tree

Static content, fast builds → Astro or plain HTML
Blog/docs with MDX → Astro or Next.js App Router
Interactive app with auth → Next.js or Remix
Full SSR/ISR control → Next.js
Simple SPA, no SEO needed → Vite + React/Vue

이 저장소의 다른 Skills

같은 저장소

infinite-dev-skill

huangqianqian120/skillslibrary

Claude Code 无限开发循环技能 - 让 Claude 成为无限开发循环：spec → feature list → implement → test → commit → repeat，跨无限制上下文窗口。

2026-03-221

ppt-agent-skill

huangqianqian120/skillslibrary

专业 PPT 演示文稿全流程 AI 生成助手。模拟万元/页级别 PPT 设计公司的完整工作流，输出高质量 HTML 演示文稿 + 可编辑矢量 PPTX。

2026-03-221

wps-skills

huangqianqian120/skillslibrary

WPS Office 智能助手 - AI编程助手通过自然语言操控WPS Office的MCP工具集。支持Excel(80工具) / Word(24工具) / PPT(111工具) / 通用(9工具)。

2026-03-221

xiaohongshu-automation

huangqianqian120/skillslibrary

小红书内容自动化 — 监控关键词、生成爆款文案、自动发布。基于 Agent-Reach 实现小红书阅读、搜索、发帖、评论、点赞。适用于博物馆/文博/文物等垂直领域，也支持通用爆款生成。

2026-03-161

git-manager

huangqianqian120/skillslibrary

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)

2026-03-051

http-retry

huangqianqian120/skillslibrary

Universal HTTP retry mechanism with exponential backoff. Use when making API calls that may fail due to network issues, timeouts, or rate limits.

2026-03-031

name	Web Development
description	Build, debug, and deploy websites with HTML, CSS, JavaScript, modern frameworks, and production best practices.

Quick Reference

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`

Critical Rules

DOCTYPE matters — Missing <!DOCTYPE html> triggers quirks mode; layouts break unpredictably
CSS specificity beats cascade — .class overrides element selectors regardless of order
=== not == — Type coercion causes "0" == false to be true
Async/await in loops — forEach doesn't await; use for...of or Promise.all
CORS is server-side — No client-side fix; configure Access-Control-Allow-Origin on the server
Responsive = viewport meta — Without <meta name="viewport">, mobile renders desktop-width
Form without preventDefault — Page reloads; call e.preventDefault() in submit handler
Images need dimensions — Missing width/height causes layout shift (CLS penalty)
HTTPS or blocked — Mixed content (HTTP resources on HTTPS pages) gets blocked by browsers
Environment variables leak — NEXT_PUBLIC_* exposes to client; never prefix secrets

Common Requests

Framework Decision Tree

Static content, fast builds → Astro or plain HTML
Blog/docs with MDX → Astro or Next.js App Router
Interactive app with auth → Next.js or Remix
Full SSR/ISR control → Next.js
Simple SPA, no SEO needed → Vite + React/Vue