ツールを投稿

Skills

Codex、Claude、Cursorなどのコーディングエージェントを使うデザイナーと開発者向けスキルです。

無料 デザイン・クリエイティブ ★ 7226
GitHubで見る →
#105 スキルリポジトリ289件中
7.2k GitHubスター
+165 今週のスター
MengTo 作者

// 概要

カテゴリ別の持ち運び可能なスキルフォルダーを収録し、それぞれに任意の参考資料やデモファイルを伴うSKILL.mdワークフローガイドがあります。デザインからコードへの変換、ゲームプレイシステム、スクロールアニメーションやシェーダー効果などのウェブ開発を自動化します。

// インストール
Reference the relevant skill from CLAUDE.md, or copy it into a Claude skills setup.
// 対応環境 CodexClaude CodeCursor

// 内容

このリポジトリには次のスキルが含まれます。

  • Video to Super Prompt: 画面録画からコード生成用の詳細なプロンプトを作ります。
  • HTML to Interaction Prompts: 既存のHTMLページから再利用できるプロンプトを抽出します。
  • Build Isometric ARPG: Three.jsでアイソメトリックRPGを開発する枠組みです。
  • Design Action Combat: ゲームプレイシステムの設計と調整を行います。
  • Test Playable Web Games: ブラウザーゲームのQAと検証を支援します。
  • Landing Page: ウェブデザインとコンバージョン最適化のワークフローです。
  • Three.js: 3DグラフィックスとWebGLシーンを管理します。
  • Animation on Scroll: スクロールに応じたアニメーションのパターンを提供します。
  • Shader Cursor Trail: WebGLによるカーソル追従効果を作ります。
  • Glass Dark Mode UI: デザインシステムとビジュアル表現を定義します。