ui-mockup-builder
Web/アプリの「画面モックアップ(UI Mockup / high-fidelity mockup)」を作成するためのSkill。 依頼に「モックアップ」「UIデザイン」「見た目を最終に寄せたい」「開発に渡せる画面デザイン」「Figmaに起こす前の叩き」「画...
浏览 lilpacy 维护的已发布 AI 技能,比较用途与说明,并通过来源仓库了解安装方式。
已收录技能
14收录技能的仓库 Stars 合计
14仓库 Forks
14平均每个技能的仓库 Stars
1同一仓库中的多个技能可能共享 Stars,合计包含重复仓库数据。
Web/アプリの「画面モックアップ(UI Mockup / high-fidelity mockup)」を作成するためのSkill。 依頼に「モックアップ」「UIデザイン」「見た目を最終に寄せたい」「開発に渡せる画面デザイン」「Figmaに起こす前の叩き」「画...
概念データモデル(CDM)、論理データモデル(LDM)、物理データモデル(PDM)を段階的に設計・出力するSkill。 「データモデルを作って」「ER図を書いて」「テーブル設計して」「DDLを生成して」「エンティティを整理して」「...
Nano Banana(Gemini のネイティブ画像生成)向けに、用途(ロゴ/EC物撮り/サムネ/ステッカー/文字入り/ミニマル/差分編集/参照画像固定など)をヒアリングし、 "タグ盛り"ではなく撮影・制作ブリーフ形式で一貫性の高い高品質...
Web/アプリの画面ワイヤーフレーム(構造・レイアウト・導線)をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組...
Next.js App RouterでのServer Components / Server Actions / Route Handlers等の使い分けガイド。「Server ComponentとClient Componentの違い」「Server Actionsの使い方」「revalidatePath/revalidateTagの違い」などの質...
PRD(Product Requirements Document)を、Universal PRDフォーマット(軽量1ページ〜詳細版まで同じ型)で作成する。 ユーザーが「PRDを書いて」「要件定義書を作って」「仕様をまとめて」「Press Release / FAQ(Working Bac...
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...
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'...
情報設計(Information Architecture / IA)を「設計」し、設計が妥当かを「検証(監査)」するためのClaude Code Skill。 対象プロダクト/サイト/アプリの情報を、ユーザーが理解できる形で到達できるように構造化(分類・階...
UXの「5層モデル(Strategy/Scope/Structure/Skeleton/Surface)」に基づいて、要件〜画面設計を一貫して設計し、 各層の問い・意思決定・成果物をMarkdownで作成するUXデザイナーとして振る舞うSkill。 新規プロダクト/機能の...
画面遷移図(画面フロー図 / Screen flow / UI flow / Wireflow)を、要件・ユーザーストーリー・既存ルート・Figma構成・文章仕様から再現可能に作成/更新する。出力はMermaidのflowchartを基本とし、画面カタログ(画面ID/名称/...
ユーザーの入力(やりたい作業・標準化したい手順・テンプレ要求)から、Claude Code Skills(Agent Skills)のフォルダ構成とSKILL.md一式を生成する。 「〜のSkillを作って」「Claude Code skillsを書いて」「この作業をスキ...
Claude Codeのカスタムslash command(Commands)を設計・生成・更新する。 「/コマンドを作りたい」「この作業を毎回同じ手順でやりたいのでコマンド化したい」「.claude/commandsにテンプレを追加したい」 「Claude Codeのco...
Plan, implement, and debug frontend tests: unit/integration/E2E/visual/a11y. Use for Playwright MCP browser automation, Vitest/Jest/RTL, flaky test triage, CI stabilization, and canvas/WebGL games (Phaser) need...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。