chongdashu/cc-skills-nanobananapro
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
chongdashu /cc-skills-nanobananapro - кандидат на агентские навыки, импортированный из https://github.com/chongdashu/cc-skills-nanobananapro.
Обзор
chongdashu /cc-skills-nanobananapro - кандидат на агентские навыки, импортированный из https://github.com/chongdashu/cc-skills-nanobananapro.
Обзор (машинный перевод)
**Как видно на **: создайте приложения Nano Banana Pro в 10 раз быстрее
«Хотите мастерство-создатель-плюс мастерство?» Выберите BuilderPack.ai или просто Claude Code Pack
Два специализированных навыка для Claude Code, построенных с помощью мастерства-создателя-плюс, демонстрируют, как создавать высококачественные навыки многоразового использования для конкретных областей.
Что внутри
Этот репозиторий содержит ** два пользовательских навыка ** и ** рекомендации, используемые для создания полного демо-приложения ** с ними. Навыки были созданы с использованием навыков-создателя-плюс и демонстрируют специфические шаблоны домена для создания производственных приложений с Claude.
Навыки ([T0])
| Навыки | Описание |
| nano-banana-builder | Создание полностековых веб-приложений на основе API-интерфейсов генерации изображений Google Gemini ([T1] и [T2]). Охватывает действия сервера, маршруты API, хранение, ограничение скорости и шаблоны редактирования разговорных изображений. ! | threejs-builder | Создание простых, эффективных веб-приложений Three.js с использованием современных шаблонов модулей ES. Включает настройку сцены, освещение, геометрию, материалы, анимацию и отзывчивый рендеринг.
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
Claude Code Skills Collection
As Seen On: Build Nano Banana Pro Apps 10x Faster (Claude Code Skill)
Want the skill-creator-plus skill? Get it from BuilderPack.ai or just the Claude Code Pack
Two specialized skills for Claude Code built with the skill-creator-plus—demonstrating how to create high-quality, reusable skills for specific domains.
What’s Inside
This repository contains two custom skills and the prompts used to build a complete demo app with them. The skills were created using the skill-creator-plus and demonstrate domain-specific patterns for building production apps with Claude.
Skills (.claude/skills/)
| Skill | Description |
|---|---|
| nano-banana-builder | Build full-stack web apps powered by Google Gemini’s image generation APIs (gemini-2.5-flash-image and gemini-3-pro-image-preview). Covers server actions, API routes, storage, rate limiting, and conversational image editing patterns. |
| threejs-builder | Create simple, performant Three.js web applications using modern ES module patterns. Includes scene setup, lighting, geometries, materials, animations, and responsive rendering. |
| frontend-design | (from Anthropic) Create distinctive frontend interfaces with high design quality and distinctive aesthetics. |
Prompts (/prompts/)
These prompts were used sequentially to build the demo app (a Chinese New Year card generator):
| Prompt | What It Does |
|---|---|
01-nanobanana.txt |
Creates the MVP: upload selfie → generate festive card using Gemini |
02-threejs.txt |
Adds 3D preview: card folds out with Three.js and OrbitControls |
03-frontend-design.txt |
Polishes the UI: transforms basic app into visually striking design |
How These Skills Were Built
Both nano-banana-builder and threejs-builder were created using the skill-creator-plus — a Claude Code skill for building other skills. They demonstrate how to author domain-specific skills that provide:
- Exact model/library references (no guessing or hallucinating)
- Anti-patterns section to prevent common mistakes
- Real working examples with production patterns
- Philosophy & mental models for the domain
Using the Skills
Installation
Copy the .claude/skills/ directory into your project:
cp -r .claude/skills/ your-project/.claude/skills/
Or clone and copy specific skills:
git clone https://github.com/user/repo.git
cp -r repo/.claude/skills/frontend-design your-project/.claude/skills/
Invoking Skills
Once installed, invoke skills in Claude Code:
Рекомендуемые инструменты
Попробуйте другой запрос или уберите фильтр.
Установка
npx skillfish add chongdashu/cc-skills-nanobananapro