Token导航 LogoToken导航

Agent Skill · 前端设计

skill-developer(技能开发者)

skill-developer 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

skill-developer 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为需要联网;许可证信息还不明确,第三方扫描已通过,按安装量在前端设计类的 10,216 个 Skill 里排第 9,472。

总安装 214周安装 9GitHub Stars 37下载 75核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:skill-developer(技能开发者)
来源仓库:https://github.com/jefflester/claude-skills-supercharged
仓库路径:skills/skill-developer
安装命令:
npx skills add https://github.com/jefflester/claude-skills-supercharged --skill skill-developer
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/jefflester/claude-skills-supercharged --skill skill-developer

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

skill-developer 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息。适合在 Codex、Claude、Cursor、Gemini CLI 中围绕仓库状态、代码变更或协作事项进行整理。通过 npx skills add 命令从指定 GitHub 仓库安装并使用。

安装前需确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写操作。适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

来源仓库内路径:skills/skill-developer

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/jefflester/claude-skills-supercharged --skill…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要需要联网,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

skill-developer 怎么安装?

在终端执行 npx skills add https://github.com/jefflester/claude-skills-supercharged --skill skill-deve…。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

skill-developer 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

skill-developer 需要什么权限?

权限级别是需要联网。该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

skill-developer 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

skill-developer 用的人多吗?

公开数据是累计安装 214 次,近一周安装 9 次,下载 75 次,GitHub 37 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

skill-developer 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
skill-developer

技能开发者 · 本页

21437需要联网未明确通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Skill Developer Guide

Purpose

Comprehensive guide for creating and managing skills in Claude Code with auto-activation system, following Anthropic's official best practices including the 500-line rule and progressive disclosure pattern.

Domain Skill for Skill System

This is a domain skill for the skills system itself. It's automatically loaded when you work with skills.

This skill covers:

  • The 500-line rule (max 5 files > 500 lines, none > 600 lines)
  • TOC and line number prohibition (never add these to skills)
  • When skills need updates (new dirs, patterns, docs, triggers)
  • Self-healing mechanisms (pre-commit hook, /wrap checklist)
  • Progressive disclosure patterns (main file → resource files)

Use this skill explicitly when:

  • Creating or modifying any skill
  • Debugging skill activation issues
  • Understanding the skills system architecture

When to Use This Skill

Automatically activates when you mention:

  • Creating or adding skills
  • Modifying skill triggers or rules
  • Understanding how skill activation works
  • Debugging skill activation issues
  • Working with skill-rules.json
  • Hook system mechanics
  • Claude Code best practices
  • Progressive disclosure
  • YAML frontmatter
  • 500-line rule

Related Skills

This skill helps create and manage all other skills. When building skills, reference:

  • testing-strategy - Skills should be tested with real scenarios before extensive documentation

Relationship to CLAUDE.md

Division of Responsibilities:

  • CLAUDE.md: Global project context, high-level architecture, universal style rules
  • Skills: Domain-specific detailed guidance, patterns, procedures (triggered by context)
  • skill-developer: Domain skill that guides the skills system and explains its relationship to CLAUDE.md

When to Update:

  • Global style rules (numpy docstrings, no emojis, use venv) → Update CLAUDE.md
  • Domain patterns/practices (test patterns, architecture design) → Update relevant skill
  • Skill system mechanics (triggers, hooks, 500-line rule) → Update skill-developer

Integration:

  • CLAUDE.md references skills for detailed guidance (1-line pointers)
  • Skills don't reference CLAUDE.md (avoid circular dependencies)
  • skill-developer explains the complete hierarchy (this section)

Progressive Disclosure Hierarchy:

CLAUDE.md (Global Context)
    ↓ references
Skills (Domain Guidance)
    ↓ maintained by
skill-developer (Domain Skill)

System Overview

The skills system uses automatic injection to seamlessly provide domain-specific context when you need it.

Key concepts:

  • Domain skills (e.g., python-best-practices, skill-developer): Automatically injected when detected based on prompt keywords and AI intent analysis (autoInject: true)
  • Guardrail skills (e.g., api-security): Enforce critical best practices, automatically injected when detected
  • Automatic detection & injection: Skills detected via AI-powered intent analysis and immediately loaded into context - no manual intervention needed

For complete details, see two-tier-system.md:

  • Skill detection mechanism
  • Automatic skill detection and injection
  • Hook architecture and flow
  • Workflow examples and scenarios
  • Session state management

Skill Types

1. Guardrail Skills

Purpose: Enforce critical best practices that prevent errors

Characteristics:

  • Type: "guardrail"
  • Automatically injected when detected (autoInject: true)
  • Prevent common mistakes (column names, critical errors)
  • Session-aware (only inject once per conversation)

Examples:

  • database-verification - Verify table/column names before Prisma queries
  • frontend-dev-guidelines - Enforce React/TypeScript patterns

When to Use:

  • Mistakes that cause runtime errors
  • Data integrity concerns
  • Critical compatibility issues

2. Domain Skills

Purpose: Provide comprehensive guidance for specific areas

Characteristics:

  • Type: "domain"
  • Advisory, not mandatory
  • Topic or domain-specific
  • Comprehensive documentation
  • Automatically injected when detected (autoInject: true)

Examples:

  • backend-dev-guidelines - Node.js/Express/TypeScript patterns
  • frontend-dev-guidelines - React/TypeScript best practices
  • error-tracking - Sentry integration guidance

When to Use:

  • Complex systems requiring deep knowledge
  • Best practices documentation
  • Architectural patterns
  • How-to guides

Creating New Skills

5-step process:

  1. Create SKILL.md with YAML frontmatter
  2. Add to skill-rules.json with triggers
  3. Test detection (UserPromptSubmit hook)
  4. Refine patterns based on results
  5. Keep under 500 lines with progressive disclosure

For complete step-by-step guide, see skill-creation-guide.md:

  • File templates and naming conventions
  • skill-rules.json configuration
  • Trigger testing commands
  • Pattern refinement strategies
  • Best practices and common mistakes

CRITICAL: The 500-Line Rule

Absolute Limits for ALL Skill Markdown Files:

  • ✅ Target: ALL skill files under 500 lines
  • ⚠️ Warning Zone: Only 5 files maximum can breach 500 lines across entire skills system (~50 files)
  • 🚫 HARD LIMIT: NO file should EVER breach 600 lines

Why This Matters:

  • Agents process files linearly - long files waste tokens and context
  • 500 lines is the sweet spot for focused, scannable content
  • Progressive disclosure (main file → resource files) is more effective than one giant file

Enforcement Strategy:

  • If approaching 500 lines → STOP and extract content to resource files
  • If already > 500 lines → Refactor immediately unless you can justify it's in the top 5 most important files
  • If approaching 600 lines → MANDATORY refactor, no exceptions

How to Stay Under 500:

  1. Move detailed examples to resources/ subdirectory
  2. Extract deep-dive content to topic-specific resource files
  3. Use concise summaries in main SKILL.md, point to resources for details
  4. Remove redundancy and wordiness

FORBIDDEN: TOCs and Line Number References

NEVER include in skill markdown files:

  • ❌ Table of Contents (TOC) - Bloat for agents, not useful for scanning
  • ❌ Line number references (e.g., "see line 42") - Change too frequently, create maintenance burden
  • ❌ Heading navigation links - Agents can scan headings natively

Why TOCs Are Harmful:

  • Add 10-50 lines of noise
  • Agents don't benefit from them (they scan headings natively)
  • Become stale when structure changes
  • Waste precious lines toward 500-line limit

Instead:

  • ✅ Use clear, descriptive section headings
  • ✅ Use anchor text for cross-references (e.g., "See patterns-library.md")
  • ✅ Keep files under 500 lines so navigation is unnecessary
  • ✅ Use progressive disclosure (link to resource files for deep dives)


Session State & Deduplication

Automatic session tracking prevents duplicate injection:

  1. Session tracking: Skills are injected once per conversation; subsequent detections reuse already-loaded skills
  2. State file: .claude/hooks/state/{conversation_id}-skills-suggested.json tracks loaded skills
  3. Manual loading: If autoInject: false (meta-skills), use Skill("skill-name") tool manually

Testing & Validation

Test your skills with multiple real-world scenarios before extensive documentation. Verify triggers activate correctly and content provides useful guidance.


Reference Files

For detailed information on specific topics, see:

trigger-types.md

Complete guide to keyword triggers:

  • Keyword triggers (explicit topic matching)
  • Best practices and examples
  • Common pitfalls and testing strategies

skill-rules-reference.md

Complete skill-rules.json schema:

  • Full TypeScript interface definitions
  • Field-by-field explanations
  • Complete guardrail skill example
  • Complete domain skill example
  • Validation guide and common errors

hook-mechanisms.md

Deep dive into hook internals:

  • UserPromptSubmit flow (detailed)
  • Exit code behavior table (CRITICAL)
  • Session state management
  • Performance considerations

patterns-library.md

Ready-to-use pattern collection:

  • Keyword pattern library
  • Organized by use case
  • Copy-paste ready

two-tier-system.md

Complete two-tier architecture guide:

  • Meta-skills vs domain skills
  • Automatic skill detection
  • Hook flow and enforcement
  • Workflow examples
  • Session state management

skill-creation-guide.md

Step-by-step skill creation:

  • File templates and structure
  • skill-rules.json configuration
  • Trigger testing
  • Pattern refinement
  • Best practices and common mistakes

Quick Reference

Create New Skill:

  1. Create SKILL.md with frontmatter → 2. Add to skill-rules.json → 3. Test triggers → 4. Refine → 5. Keep < 500 lines

Critical Rules:

  • ✅ 500-line limit (max 5 files can breach, none > 600)
  • ✅ Progressive disclosure (use resource files)
  • ✅ NO TOCs or line numbers (forbidden)
  • ✅ Test before documenting (3+ scenarios)

For Details: See trigger-types.md, hook-mechanisms.md


Self-Healing & Skill Maintenance

Automated Skill Health Checks

The skills system includes automated maintenance to prevent skill drift:

1. Pre-commit Hook - Skill Reference Validator

  • Script: scripts/pre-commit/validate_skill_references.py
  • Runs on: Changes to skills, internal docs, or src/ files
  • Validates:

- All file links in SKILL.md point to existing files (prevents broken refs) - New internal docs not yet referenced by skills (suggestions)

  • Exit behavior: Fails on broken links, warns on missing references

2. Manual Checklist - /wrap Command

When wrapping up work, the /wrap command includes a skill update checklist:

  • New constants/utilities in shared modules → Update code-reuse patterns
  • New docs in project documentation → Update skill resource file links
  • New patterns/features → Update promptTriggers keywords

Skill Update Workflow

When code changes:

  1. Pre-commit hook catches broken skill references (automatic)
  2. Pre-commit hook suggests new patterns to add (informational)
  3. /wrap command reminds you to check skills (manual)
  4. Review .claude/skills/ for affected skills
  5. Update skill-rules.json or SKILL.md as needed

Common updates:

  • New constants/utilities in shared modules: Update skill references and patterns
  • New doc: Add link to relevant skill's resources section
  • New keyword: Add to promptTriggers.keywords in skill-rules.json

Best Practices for Skill Health

✅ Run /wrap at end of sessions to check for skill updates ✅ Trust pre-commit warnings about unreferenced docs ✅ Keep skill-rules.json in sync with codebase structure ✅ Update skill descriptions when adding new trigger keywords ✅ Test skills after updates to verify triggers still work


Related Files

Configuration:

  • .claude/skills/skill-rules.json - Master configuration
  • .claude/hooks/state/ - Session tracking

Hooks:

  • .claude/hooks/skill-activation-prompt.ts - UserPromptSubmit
  • .claude/hooks/error-handling-reminder.ts - Stop event (gentle reminders)

All Skills:

  • .claude/skills/*/SKILL.md - Skill content files

Skill Status: COMPLETE - Restructured following Anthropic best practices ✅ Line Count: < 500 (following 500-line rule) ✅ Progressive Disclosure: Reference files for detailed information ✅

Next: Create more skills, refine patterns based on usage

平台分布

Codex

39.44%
按下载量换算30

Claude

30.8%
按下载量换算23

Cursor

18.02%
按下载量换算14

Gemini CLI

9.28%
按下载量换算7

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API;具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills