visual-design

作成者： factory-ai

画像生成とプレゼンテーション。

npx skills add https://github.com/factory-ai/factory-plugins --skill visual-design

ZIPダウンロード GitHub

Visual design

Image generation and presentations.

Image generation

Create and edit images from the command line using nanobanana CLI.

npm install -g @factory/nanobanana
export GEMINI_API_KEY="your-key"

nanobanana generate "company logo" --count=4 --styles=modern,minimal
nanobanana edit photo.png "remove background"
nanobanana icon "settings gear" --style=flat
nanobanana diagram "auth flow" --type=flowchart

Handles: logos, icons, diagrams, patterns, photo restoration, UI assets, visual sequences.

See: image-generation.md

Presentations

Create slides using Slidev, a markdown-based presentation tool.

npm init slidev@latest
slidev                    # dev server
slidev export --format pptx   # export to PowerPoint
slidev build              # build as hostable SPA

Write slides in markdown, get code highlighting, animations, diagrams, and Vue components.

See: presentations.md and reference-slide-example.md

factory-aiのその他のスキル

full-stack-playbook

このプレイブックは、フルスタックWebアプリケーションミッションを実行するためのガイドです。CRUDアプリ、ダッシュボード、eコマースサイト、およびフロントエンドとバックエンドの層が明確に分かれた類似のプロジェクトに使用してください。

ドロイド制御ワークフローのための背景知識であり、直接呼び出されることはありません。WebページおよびElectronデスクトップアプリの自動化のためのエージェントブラウザドライバの仕組み。

自律的な実験ループ：アイデアを試し、うまくいったものを保持し、うまくいかなかったものを捨て、決して止まらない。

ban-type-assertions

Ban `as` type assertions in a package via the `@typescript-eslint/consistent-type-assertions` lint rule, replacing them with compiler-verified type-safe…

browser-navigation

テスト、データ抽出、Web操作のための包括的なブラウザ自動化。

ドロイド制御ワークフローのための背景知識（直接呼び出されません）。端末およびブラウザセッションの記録ライフサイクル。

commit-security-scan

LLM推論と脅威モデルパターンを使用して、コード変更のセキュリティ脆弱性を分析します。PRレビュー、プリコミットチェック、ブランチ比較に使用します。

ドロイド制御ワークフローのための背景知識（直接呼び出されません）。Remotionによる動画アセンブリ — タイトルカード、レイアウト、トランジション、エフェクト、ショーケース…