# Create Logos, Icons, Mockups, and Presentations

Creating consistent visual assets across formats requires repeated research and setup. This skill combines searchable design references, asset generators, and HTML workflows.

## Install

```bash
npx skillstore add nextlevelbuilder/design
```

## Metadata

- Status: approved
- Slug: nextlevelbuilder-design
- Version: 2.1.0
- Author version: 2.1.0
- Skillstore revision: r1
- Version status: valid
- Tree hash: 44e2891ffb1eb58e59be09d523c715ac55c9e08d9f46420bada22a3f3c3fa9eb
- Author: nextlevelbuilder
- GitHub username: nextlevelbuilder
- License: MIT
- Repository: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/28b3b8dee8c976df4fa3e94aed4e092ad43fcb03/.claude/skills/design
- Ref: 698aebfbf8b189a05c80c44eca0361bb7899b093
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: env\_access, filesystem, network, external\_commands
- Quality score: 50
- Quality tier: warning
- Public page: https://skillstore.pages.dev/skills/nextlevelbuilder-design
- Manifest: https://skillstore.pages.dev/api/skills/nextlevelbuilder-design/manifest

## Capabilities

- Search local logo styles, palettes, and industry references to assemble design briefs.
- Generate raster logo concepts with Gemini, Atlas Cloud, or MuAPI, including batch variations.
- Generate Gemini corporate identity mockups using optional supplied logo images.
- Render a local HTML presentation from PNG mockups with deliverable descriptions.
- Generate SVG icons with style, color, batch, and multiple-size options.
- Guide HTML slides, banners, and social images using templates, platform dimensions, and optional browser capture.

## Use Cases

- Explore a Startup Identity: Compare logo directions and create business card or signage mockups before committing to a brand identity.
- Prepare a Multi-Platform Campaign: Develop coordinated banner and social image concepts at platform-specific dimensions, then export approved layouts when browser capture is available.
- Prototype Interface Icons: Generate SVG icon variations with consistent styling, colors, and display sizes for review before application integration.

## Prompt Templates

### Find a Logo Direction

```
Search local logo references for [brand] in [industry]. Recommend three styles and a palette with reasons. Do not call external APIs.
```

### Generate Logo Concepts

```
Create three white-background logo concepts for [brand] using [provider] and [style]. Confirm API usage and costs first. Save approved outputs in [directory].
```

### Build an Identity Presentation

```
Use [logo image] to create business card, letterhead, and signage mockups for [brand]. Confirm external uploads first. Build an HTML presentation from PNG outputs.
```

### Coordinate a Campaign Asset Set

```
Plan coordinated LinkedIn, Instagram post, and story assets for [campaign]. Apply [brand guidelines] and [approved assets]. Check sibling skills and browser availability before proceeding. Present concepts before rendering. Review generated HTML and SVG before previewing. Report export dimensions and pending work.
```

## Limitations

- AI generation needs provider credentials, internet access, and applicable paid API usage; model availability can change.
- Brand, token, UI styling, and some slide workflows depend on sibling skills not included in this audited directory.
- PNG screenshot export requires an available browser tool; social posting, video generation, and print production are outside scope.
- Generated artwork needs visual and security review; the corporate identity presentation renderer currently accepts PNG images only.

## Best Practices

- Provide approved brand guidelines, target platforms, exact dimensions, and a dedicated output directory before generation.
- Approve provider requests and logo uploads explicitly; use dedicated API credentials and avoid confidential material.
- Review generated HTML and SVG before opening; verify image dimensions, text accuracy, contrast, and safe zones before delivery.

## Anti Patterns

- Treating generated logos or mockups as final trademark clearance or print-ready production artwork.
- Assuming sibling skills, provider credentials, or screenshot tools are installed without checking.
- Opening unreviewed generated markup or sending confidential brand assets to external providers without approval.

## Security Audit

- Audited at: 2026-10-26T14:46:18.666\+00:00
- Summary: Most static findings are benign documentation, design terminology, mocked tests, or expected credential configuration. Confirmed findings expose API keys through unrestricted polling destinations and cross-origin redirects. Semantic findings identify incomplete DNS checks, unsanitized SVG and HTML output, and disabled browser sandboxing; no evidence found of deliberate prompt injection.

## Stats

- Views: 0
- Downloads: 0
- Favorites: 0
- Popularity score: 0