Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
write-claude-skill
0
0
# Install this skill:
npx skills add JonathanAquino/ai-skills --skill "write-claude-skill"
Install specific skill from multi-skill repository
# Description
How to write a Claude Code skill
# SKILL.md
name: write-claude-skill
description: How to write a Claude Code skill
Add a directory with the skill name to ~/projects/ai-skills/skills. Use kebab-case for the directory name (e.g., foo-bar-baz). Inside, create a file called SKILL.md that starts with this metadata at the top:
name: foo-bar-baz
description: A brief description.
Important: Both the directory name and the name in the metadata must be kebab-case (lowercase with hyphens, like foo-bar-baz).
After that put information for the skill.
Commit and push the skill.
After creating the skill, ask the user if they want to symlink it into ~/.claude/skills. If yes, run /install-jona-skill to create the symlink.
# Related Skills
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support...
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and...
Guide for implementing oRPC contract-first API patterns in Dify frontend. Triggers when creating...
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Amp
Antigravity
Claude Code
Clawdbot
Codex
Cursor
Droid
Gemini CLI
GitHub Copilot
Goose
Kilo Code
Kiro CLI
OpenCode
Roo Code
Trae
Windsurf
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.