一键导入
general-skill-making
Use when creating new skills or understanding skill structure and conventions
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Use when creating new skills or understanding skill structure and conventions
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | general-skill-making |
| description | Use when creating new skills or understanding skill structure and conventions |
Standard template and conventions for creating skills in .claude/skills/.
Create when:
Don't create for:
Each skill is a single SKILL.md file in its own folder. No supporting files.
---
name: category-specific-name
description: Use when [clear, actionable trigger]
---
Fields:
{category}-{specific-name} (e.g., frontend-query-hooks, supabase-migrations)frontend-*, supabase-*, general-*# ✅ Good descriptions
description: Use when creating or using TanStack Query hooks for data fetching
description: Use when creating database migrations or modifying schema
# ❌ Bad descriptions
description: Query hooks guidelines # Not actionable
description: This skill contains... # Not a trigger
---
name: skill-name
description: Use when...
---
# Title
Brief introduction.
## Core Pattern/Convention
Primary guidelines and rules with code examples.
## Common Mistakes
- ❌ Wrong pattern → ✅ Correct pattern
## Related Skills
- **other-skill** - How it relates
<!-- Last compacted: YYYY-MM-DD -->
Best Practices:
.claude/skills/
├── frontend-query-hooks/
│ └── SKILL.md
├── supabase-migrations/
│ └── SKILL.md
└── general-skill-making/
└── SKILL.md
One folder, one file. The Skill tool only loads SKILL.md - supporting files are never read.
| Element | Pattern | Example |
|---|---|---|
| Skill name | {category}-{topic} | frontend-query-hooks |
| Directory | Same as skill name | .claude/skills/frontend-query-hooks/ |
| File | SKILL.md (uppercase) | Always SKILL.md |
# 1. Create directory
mkdir -p .claude/skills/frontend-form-validation
# 2. Create SKILL.md with frontmatter + content
Example:
---
name: frontend-form-validation
description: Use when implementing form validation with React Hook Form or custom validators
---
# Frontend: Form Validation
[All content here - no separate files]
<!-- Last compacted: 2026-01-15 -->
Skills are loaded via the Skill tool:
Skill("frontend-query-hooks");
The /s command extracts skill names/descriptions:
awk 'FNR<=10 && /^(name|description):/' .claude/skills/*/SKILL.md
Important: Only SKILL.md is loaded. Never create examples.md or reference.md - they won't be read.
/compact-skillsUse when deploying Cloudflare Workers, managing R2 storage, or working with Cloudflare infrastructure
Use when working with ANTD components, theme tokens, icons, forms, or feedback components (message/notification/modal)
Use when adding, referencing, or serving static assets (images, fonts, videos, 3D models) through the R2 CDN pipeline with type-safe imports
Use when writing or reviewing JavaScript/TypeScript code for style patterns like concise arrows, inline handlers, expression formatting, or when tempted to use eslint-disable
Use when working with environment variables in frontend code
Use when creating or modifying keyboard shortcuts/hotkeys in frontend code