بنقرة واحدة
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 المهني
Use 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
| 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-skills