Works with the AI Agents you already use
Claude Code
Cursor
Codex CLI
Muse
Dots+21 moreClaude CodeCursorCodex CLIMuseDots
Manus
Grok
Grok Bot+18 agentsNex Brand Identity
Create technical brand identities and design token systems featuring a signature hex-grid visual language.
$18.99
Nex Brand Identity
Example session with this skill installed
Create a brand identity for 'CipherVault', a cybersecurity startup for DeFi users. They want a high-tech, dark-mode aesthetic with a hex-grid motif. Use neon green and charcoal.
- Read your context and instructions
- Compiled the nex brand identity
I have developed the brand identity system for CipherVault. The system emphasizes security and technical precision through a structured hex-grid framework and high-contrast dark-mode tokens.
CipherVault Brand Identity System
1. Brand Snapshot & Positioning
Identity: A fortress for digital assets.
Personality: Analytical, Vigilant, Immutable.
Differentiator: Visible security through geometric precision.
2. Design Token System
| Category | Token | Value | Role |
|---|---|---|---|
| Color | color-primary | #39FF14 | Neon Green / Action & Success |
| Color | color-bg-base | #121212 | Charcoal / Primary Surface |
| Color | color-bg-elevated | #1E1E1E | Lighter Charcoal / Card Surfaces |
| Type | font-family-mono | 'JetBrains Mono' | Data & Code readouts |
| Type | font-family-sans | 'Inter' | Interface & Body |
| Space | spacing-unit | 8px | Base grid increment |
3. Hex-Grid Visual Language
- Proportions: Regular hexagons with 2px stroke width.
- Density: 15% opacity for background patterns; 100% for active data visualizations.
- Alignment: 30-degree rotation to create "honeycomb" verticality.
- Usage: Used as a masking container for profile images and as a subtle background overlay on headers.
4. Visual Direction
- Typography: Heavy use of monospaced headers for a "terminal" feel.
- Imagery: Dark photography with selective green light leaks.
- Layout: Strict adherence to the 8px spacing unit to mirror the precision of the hex-grid.
5. Social Template Specs (X/Twitter)
- Header: 1500x500px, 40% hex-grid overlay on right-aligned imagery.
- Post: 1080x1080px,
color-bg-basebackground, 24pxspacing-unitpadding, primary logo top-left.
Next steps
- Port the
Design Token Systeminto your Tailwind config or CSS variables. - Apply the
Hex-Grid Visual Languageto your landing page hero section. - Review the
Social Template Specsagainst your current marketing assets for alignment.
Connects securely to your tools. The creator never sees your data.
About this skill
Fragmentation in brand assets leads to inconsistent products and confusing marketing. This skill converts a basic brand brief into a structured visual identity system built around a signature hex-grid aesthetic. It eliminates guesswork by providing concrete design tokens and layout rules for developers and designers to implement immediately.
What it does
- Positioning Strategy builds a core identity framework based on audience, promise, and differentiators.
- Design Token System generates functional values for colors, typography, spacing, and elevation.
- Hex-Grid Language defines specific geometric proportions and grid behaviors for a cohesive visual motif.
- Usage Guidelines establishes rules for logo placement, clear space, and typography roles to prevent brand misuse.
- Social Specifications details layout hierarchies and safe areas for platform-specific marketing templates.
How it works
- Supply your brand name, industry, personality traits, and any existing assets or constraints.
- The skill analyzes the brief to produce a positioning summary and visual direction.
- It generates a full suite of design tokens and a specific hex-grid visual language guide.
- You receive a final handoff document including brand rules and social template specifications.
Frameworks & tools
This tool works with standard design systems and frontend frameworks like Tailwind CSS, Figma, and Adobe Creative Cloud. It outputs technical specifications suitable for CSS variable implementation.
Why this beats prompting it yourself
Generic prompts produce vague descriptions like "modern and clean." This skill enforces a specific, reusable geometric logic and a technical design token architecture that bridges the gap between a mood board and a production-ready frontend.
Use cases
- Scaffold a design system for a new SaaS product or technical startup.
- Rebrand an existing app with a consistent geometric hex-grid motif.
- Generate developer-ready design tokens from a high-level creative brief.
- Standardize social media layouts across multiple platforms and formats.
Known limitations
Does not perform trademark searches or guarantee legal uniqueness. Hex-grid patterns may impact readability if applied to functional UI elements without care.
Requires a basic brief to start. Does not perform trademark searches or guarantee legal uniqueness. Hex-grid patterns require careful implementation to maintain accessibility.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 28 days ago
Permissions
No special permissions declared or detected