GitHub
generate-design
開発作業の設計書（design.md）を生成します。このスキルは単独で使用することも、generate-working-docsから呼び出されることもあります。
☆ 1View skill
Content & media AI Skills
Discover Content & media skills, compare source repositories and read the instructions for each workflow.
Categories: Content & media
Content & media Clear filters
Browse skills
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1View skill
GitHub
ui-mockup-builder
Web/アプリの「画面モックアップ(UI Mockup / high-fidelity mockup)」を作成するためのSkill。 依頼に「モックアップ」「UIデザイン」「見た目を最終に寄せたい」「開発に渡せる画面デザイン」「Figmaに起こす前の叩き」「画...
☆ 1View skill
GitHub
data-model-designer
概念データモデル（CDM）、論理データモデル（LDM）、物理データモデル（PDM）を段階的に設計・出力するSkill。 「データモデルを作って」「ER図を書いて」「テーブル設計して」「DDLを生成して」「エンティティを整理して」「...
☆ 1View skill
GitHub
nanobanana-prompt-writer
Nano Banana（Gemini のネイティブ画像生成）向けに、用途（ロゴ/EC物撮り/サムネ/ステッカー/文字入り/ミニマル/差分編集/参照画像固定など）をヒアリングし、 "タグ盛り"ではなく撮影・制作ブリーフ形式で一貫性の高い高品質...
☆ 1View skill
GitHub
wireframe-builder
Web/アプリの画面ワイヤーフレーム（構造・レイアウト・導線）をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組...
☆ 1View skill
GitHub
nextjs-app-router-guide
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「Server Actionsの使い方」「revalidatePath/revalidateTagの違い」などの質...
☆ 1View skill
GitHub
prd-writer
PRD（Product Requirements Document）を、Universal PRDフォーマット（軽量1ページ〜詳細版まで同じ型）で作成する。 ユーザーが「PRDを書いて」「要件定義書を作って」「仕様をまとめて」「Press Release / FAQ（Working Bac...
☆ 1View skill
GitHub
implement-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Fig...
☆ 1View skill
GitHub
agent-memory
Use this skill when the user asks to save, remember, recall, or organize memories. Triggers on: 'remember this', 'save this', 'note this', 'what did we discuss about...', 'check your notes', 'clean up memories'...
☆ 1View skill
GitHub
ia-architect
情報設計（Information Architecture / IA）を「設計」し、設計が妥当かを「検証（監査）」するためのClaude Code Skill。 対象プロダクト/サイト/アプリの情報を、ユーザーが理解できる形で到達できるように構造化（分類・階...
☆ 1View skill
GitHub
ux-5-planes-designer
UXの「5層モデル（Strategy/Scope/Structure/Skeleton/Surface）」に基づいて、要件〜画面設計を一貫して設計し、 各層の問い・意思決定・成果物をMarkdownで作成するUXデザイナーとして振る舞うSkill。 新規プロダクト/機能の...
☆ 1View skill
GitHub
screen-transition-diagram
画面遷移図(画面フロー図 / Screen flow / UI flow / Wireflow)を、要件・ユーザーストーリー・既存ルート・Figma構成・文章仕様から再現可能に作成/更新する。出力はMermaidのflowchartを基本とし、画面カタログ(画面ID/名称/...
☆ 1View skill
GitHub
skill-skillsmith
ユーザーの入力（やりたい作業・標準化したい手順・テンプレ要求）から、Claude Code Skills（Agent Skills）のフォルダ構成とSKILL.md一式を生成する。 「〜のSkillを作って」「Claude Code skillsを書いて」「この作業をスキ...
☆ 1View skill
GitHub
microservice-auth
IOE-DREAM微服务认证架构规范。涵盖Gateway集中认证(JWT验证、Token黑名单)、业务层授权(@PermissionCheck注解)、Spring Security依赖管理(业务服务排除)、Gateway身份头转发(X-User-Id等HTTP头)、RBAC规则引擎。使用时机:实现...
☆ 1View skill
GitHub
component-design
Reactコンポーネントの設計原則と実装ガイドライン
☆ 1View skill
GitHub
backend-architecture
4層レイヤードアーキテクチャ、Repositoryパターン、Result型パターンのガイドライン
☆ 1View skill
GitHub
frontend-development
Next.js + React + Tanstack Queryを使用したフロントエンド実装のガイドライン
☆ 1View skill
GitHub
conflict-resolver
gitコンフリクトを解消するSkill（rebase/merge/stash/cherry-pick等に対応）
☆ 1View skill
GitHub
output-format
サブエージェントの統一出力形式を定義
☆ 1View skill
GitHub
coding-standards
TypeScript/React/Next.jsのコーディング規約とベストプラクティス
☆ 1View skill
GitHub
task-qa
タスクの品質保証を実行するSkill。必須自動テスト、AC検証、動作確認を実施し、qa-tests/に結果を記録します
☆ 1View skill
GitHub
general-context-loader
spec（仕様書）が存在しない場合の文脈収集を担当するSkill。Issue本文、ユーザー指示、関連コードから要件を推測し、曖昧な点をAskUserQuestionで確認します
☆ 1View skill
GitHub
api-development
Hono + Zodを使用したAPI実装のガイドライン
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.