Generate visual mockups of the finished hardware project using fal.ai's nano-banana (Gemini 2.5 image) model. Useful for early-stage visualisation, communicating intent to collaborators, or scoping enclosure design before any parts arrive.
npx claudepluginhub danielrosehill/claude-code-plugins --plugin hardware-spec-assemblyThis skill uses the workspace's default tool permissions.
Produce AI-generated mockup images of a project from its written spec.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Analyzes multiple pages for keyword overlap, SEO cannibalization risks, and content duplication. Suggests differentiation, consolidation, and resolution strategies when reviewing similar content.
Share bugs, ideas, or general feedback.
Produce AI-generated mockup images of a project from its written spec.
mcp__*__fal__run_model or equivalent), or the user has a FAL_KEY and we can call the HTTP API directly.spec.md exists.spec.md. Include:
fal-ai/nano-banana (text-to-image). For variations of an existing image, use fal-ai/nano-banana/edit. Both are fast and cheap, suitable for rapid iteration.<projects_dir>/<slug>/mockups/ with names like mockup-<timestamp>-<variant>.png. Save the prompt used alongside in mockups/prompts.md so the user can iterate.<projects_dir>/<slug>/mockups/.If the user wants tweaks ("make it smaller", "show it mounted on a wall", "battery should be visible"), use fal-ai/nano-banana/edit with the previous best image as input rather than starting from scratch — preserves the bits that worked.