ZhanlinCui

ZhanlinCui

アクティブ
47
スキル
8
カテゴリ
ClaudeCodexCode(CC)

公開スキル 47

📦

xlsx

Excel スプレッドシートの作成と分析

安全 74

このスキルにより、Claude Code が数式、書式設定、データ可視化を備えた Excel スプレッドシートの作成、編集、分析を実行できます。複雑なスプレッドシート操作を自動化することで、手動でのスプレッドシート操作の問題を解決します。

Claude Codex Code(CC)
インストール
📝

x-article-publisher

Markdown から X Articles に公開

安全 75

Markdown 記事のリッチテキスト書式を適切に保持したまま、X (Twitter) Articles への公開を自動化します。Markdown を HTML に変換し、ブロックインデックス位置指定を使用して画像の配置を自動的に処理します。

Claude Codex Code(CC)
インストール
📝

writing-skills

TDD手法でAIスキルを作成してテストする

安全 73

テストなしでAIスキルを作成すると、エージェントが压力下で無視するドキュメントになってしまいます。このスキルではテスト駆動開発をスキル作成に適用します。まず失敗するシナリオを実行し、失敗を記録し、その具体的なギャップに対処するスキルを作成し、最後にコンプライアンスを確認します。

Claude Codex Code(CC)
インストール
📦

writing-plans

実装プランを作成

低リスク 72

このスキルは、コードを記述する前に、一口サイズのタスクで構成された包括的な実装プランを生成します。2〜5 分のステップにタスクを構造化し、正確なファイルパス、テストコマンド、コミットメッセージを提供します。

Claude Codex Code(CC)
インストール
📦

web-performance-seo

Lighthouse アクセシビリティのコントラストエラーを修正

安全 74

このスキルは、色のコントラストの失敗が原因で発生する PageSpeed Insights および Lighthouse のアクセシビリティエラーを修正します。アクセシビリティ監査の失敗を引き起こす CSS パターンをスキャンし、SEO パフォーマンスを向上させるための実証済みの修正パターンを提供します。

Claude Codex Code(CC)
インストール
🎨

web-design-guidelines

デザインガイドラインに対して UI コードをレビュー

安全 74

このスキルは、Vercel の Web インターフェースガイドラインに対して Web インターフェースを自動的に監査し、アクセシビリティの問題、UX 上の問題、およびデザインコンプライアンス違反を UI コードから特定します。

Claude Codex Code(CC)
インストール
📦

web-artifacts-builder

shadcn/ui コンポーネントを使用した React アーティファクトの構築

低リスク 73

Claude の会話で複数のコンポーネントからなる React アーティファクトを作成するには、複雑なバンドルと設定が必要です。このスキルは、React 18、TypeScript、Tailwind CSS、40 以上の shadcn/ui コンポーネントを含むプロジェクトセットアップを自動化し、すべてを単一の HTML ファイルにバンドルします。

Claude Codex Code(CC)
インストール
📦

webapp-testing

Playwright 自動化による Web アプリケーションのテスト

低リスク 73

ローカル Web アプリケーションのテストには、手動セットアップなしで信頼性の高いブラウザ自動化が必要です。このツールキットは、フロントエンドテストワークフローを効率化する Playwright スクリプトとサーバー管理ユーティリティを提供します。

Claude Codex Code(CC)
インストール
📦

verification-before-completion

完了主張前の検証

低リスク 69

このスキルは、実際の検証証拠を要求することで、AI エージェントが虚偽の完了主張を行うことを防ぎます。テストの合格、ビルドの成功、そして作業が真に完了したことを確認します。

Claude Codex Code(CC)
インストール
📦

vercel-react-best-practices

Vercel ガイドラインによる React と Next.js パフォーマンスの最適化

安全 73

パフォーマンスの高い React アプリケーションの構築には、複雑な最適化パターンの理解が必要です。このスキルでは、AI による React および Next.js コードの作成、レビュー、リファクタリングを最適パフォーマンスに向けてガイドするために、Vercel Engineering による 45 件の優先度の高いルールを提供します。

Claude Codex Code(CC)
インストール
🚀

vercel-deploy

Vercelにウェブサイトを即座にデプロイ

低リスク 72

認証や設定なしに任何のプロ젝트를 Vercelにデプロイします。スキルはコードをパッケージ化し、フレームワークを自動的に検出し、数秒でライブプレビューURLを返します。

Claude Codex Code(CC)
インストール
📦

using-superpowers

返信前に必ずスキルを呼び出す

安全 73

このメタスキルは、あらゆる返信やアクションの前に利用可能なスキルの確認と呼び出しを Claude Code に義務付けることで、クリティカルなワークフロー規律を確立し、チャンスの逸失や言い訳を防ぎます。

Claude Codex Code(CC)
インストール
📦

using-git-worktrees

並行開発のための分離された Git ワークスペースの作成

安全 73

Git worktree を使用すると、コンテキストスイッチングなしで複数のブランチで同時に作業できます。このスキルは、信頼性の高いワークスペース分離のための体系的なディレクトリ選択と安全性検証を提供します。

Claude Codex Code(CC)
インストール
📦

ui-ux-pro-max

デザインシステムインテリジェンスによるプロフェッショナルな UI/UX デザインの作成

安全 75

プロフェッショナルな UI/UX デザインの作成には、アクセシビリティ、カラーセオリー、タイポグラフィ、およびスタック固有のパターンに関する深い知識が必要です。このスキルは、50 以上のデザインスタイル、カラーパレット、フォントの組み合わせ、実装ガイドラインを検索可能なデータベースとして提供し、洗練されたインターフェースをより迅速に構築することを支援します。

Claude Codex Code(CC)
インストール
📦

test-driven-development

テスト駆動開発を適用する

安全 74

コードの後にテストを書くことは、誤った自信と見逃されたエッジケースにつながります。このスキルは TDD の規律を強制します:まず失敗するテストを書き、その後それをパスするために必要な最小限のコードを実装します。

Claude Codex Code(CC)
インストール
🎨

theme-factory

プレゼンテーションとドキュメントにプロフェッショナルなテーマを適用

安全 73

シンプルなドキュメントやプレゼンテーションを、厳選されたデザインテーマで視覚的に洗練されたアーティファクトに変換します。10 種類の事前作成されたテーマから選択するか、ブランドアイデンティティに合わせたカスタムスタイルを作成できます。

Claude Codex Code(CC)
インストール
🔍

systematic-debugging

修正前に体系的なデバッグで根本原因を特定する

低リスク 72

行き当たりばったりの修正は時間の無駄であり、新たなバグを生み出します。このスキルは、ソリューションの実装前に根本原因を特定する 4 段階のデバッグフレームワークを提供し、症状に基づく修正への無駄な労力を防ぎます。

Claude Codex Code(CC)
インストール
📦

subagent-driven-development

サブエージェントと 2 段階レビューによる計画の実行

安全 73

AI エージェントは複雑なマルチタスクの実装に苦心することがよくあります。このスキルは、各タスクに対して新しいサブエージェントをディスパッチし、仕様の準拠とコード品質の必須レビューを強制することでこれを解決します。

Claude Codex Code(CC)
インストール
🎬

slack-gif-creator

PIL で Slack 用 GIF を作成

安全 74

Python PIL を使用して Slack 向けに最適化されたアニメーション GIF を作成します。イージング関数によるカスタムアニメーションを生成し、絵文字およびメッセージコンテキスト向けの自動ファイルサイズ最適化を行います。

Claude Codex Code(CC)
インストール
📦

skill-creator

Claude用のカスタムスキルを作成

安全 80

効果的なAIスキルを構築するには、コンテキスト管理、プログレッシブディスクロージャー、再利用可能なリソース設計を理解する必要があります。このスキルは、コンテキストウィンドウの容量を浪費せずにClaudeの機能を拡張するモジュラースキルを作成するための完全なフレームワークを提供します。

Claude Codex Code(CC)
インストール
📝

requesting-code-review

AI コードレビューをリクエスト

安全 74

開発者は実装に近づすぎるため、自分のコードで問題を見逃すことがあります。このスキルは AI サブエージェントを派遣して、マージ前にコード変更を要件に対してレビューし、品質、アーキテクチャ、テスト、本番環境の準備状況を確認します。

Claude Codex Code(CC)
インストール
📦

receiving-code-review

コードレビューフィードバックを技術的検証で処理する

安全 74

コードレビューには感情的なパフォーマンスではなく技術的評価が必要です。このスキルは、実装前にレビューフィードバックを検証するための構造化されたパターンを提供し、社会的な快適さではなく技術的正确性を確保します。

Claude Codex Code(CC)
インストール
📊

pptx

PowerPoint プレゼンテーションの作成と編集

安全 76

このスキルは、AI アシスタントが HTML からスライドへの変換、OOXML の直接操作、バッチ処理用の Python 自動化スクリプトの使用により、PowerPoint プレゼンテーションの作成、編集、分析を可能にします。

Claude Codex Code(CC)
インストール
📦

pdf

PDF文書をプログラムで操作しフォームに記入する

低リスク 76

PDF処理タスクには、抽出、操作、フォーム記入のための特殊なツールが必要です。このスキルは、Pythonライブラリーとコマンドラインツールを使用して包括的なPDF処理機能を提供します。

Claude Codex Code(CC)
インストール