Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
template-skill
3
0
# Install this skill:
npx skills add bloody2634/claud-skills --skill "template-skill"
Install specific skill from multi-skill repository
# Description
Replace with description of the skill and when Claude should use it.
# SKILL.md
name: template-skill
description: Replace with description of the skill and when Claude should use it.
Insert instructions below
π¨ VISUAL OUTPUT FORMATTING
CRITICAL: All template-skill output MUST use the colored-output formatter skill!
Use Colored-Output Skill
IMPORTANT: Use MINIMAL colored output (2-3 calls max) to prevent screen flickering!
Example formatted output (MINIMAL PATTERN):
# START: Header only
bash .claude/skills/colored-output/color.sh skill-header "YOUR-SKILL-NAME" "Starting task..."
# MIDDLE: Regular text (no colored calls)
Processing data...
Performing operations...
# END: Result only
bash .claude/skills/colored-output/color.sh success "" "Task completed"
WHY: Each bash call creates a task in Claude CLI, causing screen flickering. Keep it minimal!
# 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.