bytechef
MCP Serverbytechefhq/bytechef
ByteChef frontend coding guidelines and architectural standards for developing the workflow automation platform client.
Overview
This skill provides comprehensive instructions, naming conventions, and structural guidelines for contributing to the ByteChef React application codebase. It covers everything from state management with Zustand and data fetching via GraphQL and React Query, to component design patterns using Radix UI and Tailwind CSS, ensuring clean and maintainable code.
Capabilities
- ▸TypeScript strict-mode coding standards enforcement
- ▸React component architecture and file organization guidelines
- ▸Zustand state management patterns and performance optimizations
- ▸GraphQL integration with generated React Query hooks
- ▸Vitest unit testing and Playwright E2E test patterns
Best for
Developing new features for the ByteChef workflow automation platform, Writing and formatting React TypeScript components following project standards, Implementing robust form validation with React Hook Form and Zod, Creating and updating node-based workflows using React Flow
Works with
実タスクにどれだけ役立つか(機能の豊富さ・用途の明確さ)。 — AIによるcapabilities/use-cases解析
実装・指示の品質。 — AIによるSKILL.md/README解析
リポジトリがどれだけ活発に保守されているか。 — GitHub 最終push日時の新しさ
ドキュメントの充実度・分かりやすさ。 — README/独自要約の情報量
危険・不審な挙動が無いか。 — AIによるセキュリティレビュー
ありふれたラッパーではない独自性。 — AIによる独自性判定
コミュニティの採用度。 — GitHub Stars/Forks(対数スケール)
対応AIエージェントの広さ。 — AIによる対応エージェント判定
ライセンス不明/制限あり(Red)のSkillは総合スコアに0.85倍の補正を適用します。 ランキングはこのScoreのみで決まり、広告で変わりません。 算出方法の詳細 →
Security considerations
The instructions focus entirely on code style, architecture, and testing patterns without exposing sensitive keys or credentials.
Categories
Summary and analysis are original content generated by AI Skills Rank. The skill's source text is not reproduced here — view it on the linked repository.