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

이 플레이북은 풀스택 웹 애플리케이션 미션을 실행하는 방법을 안내합니다. CRUD 앱, 대시보드, 전자상거래 사이트 및 프론트엔드와 백엔드 계층이 구분된 유사한 프로젝트에 사용하세요.

드로이드 제어 워크플로우를 위한 배경 지식으로, 직접 호출되지 않습니다. 웹 페이지 및 Electron 데스크톱 앱 자동화를 위한 agent-browser 드라이버 메커니즘입니다.

자율 실험 루프: 아이디어를 시도하고, 효과가 있는 것은 유지하며, 효과가 없는 것은 폐기하고, 멈추지 않습니다.

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

테스트, 데이터 추출 및 웹 상호작용을 위한 포괄적인 브라우저 자동화.

드로이드 제어 워크플로우를 위한 배경 지식으로, 직접 호출되지 않습니다. 터미널 및 브라우저 세션의 녹화 라이프사이클을 관리합니다.

commit-security-scan

LLM 추론과 위협 모델 패턴을 사용하여 코드 변경 사항의 보안 취약점을 분석합니다. PR 리뷰, 커밋 전 검사 또는 브랜치 비교에 사용하세요.

드로이드 제어 워크플로우를 위한 배경 지식 — 직접 호출되지 않음. Remotion을 통한 비디오 조립 — 타이틀 카드, 레이아웃, 전환, 효과, 쇼케이스…