skills.rest
imehr
imehrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

brand-nimbus

Apply Nimbus design tokens and component rules to UI outputs.

Updated Apr 10, 2026
Search Tags:#ui#components#voice#brand#tokens#design-system#styleguide
One-click install
npx skills add https://github.com/imehr/design-extractor --skill brand-nimbus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brand-nimbus
Source: https://github.com/imehr/design-extractor/tree/main/templates/sample-brand/skill
Command: npx skills add https://github.com/imehr/design-extractor --skill brand-nimbus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a clear, machine-readable design spec and guardrails so AI assistants and designers can produce UI that consistently matches the Nimbus visual identity without guessing colours, spacing, or voice.

Core Features & Use Cases

  • Brand tokens and styles: precise colour, typography, spacing, radii, shadow, and motion values to reproduce Nimbus visuals.
  • Component rules and patterns: explicit guidance for buttons, cards, heroes, and layout to ensure consistent implementation.
  • Voice and trigger guardrails: instructions on when to apply the brand and when to avoid it (e.g., not for actual cloud infrastructure topics), plus an install command for project integration.
  • Use Case: Convert a generic landing page or component library into Nimbus-styled assets, or prompt an assistant to generate Nimbus-compliant marketing pages and CTAs.

Quick Start

Apply the Nimbus brand to this page and generate a Nimbus-style landing hero, components, and token set.

Frequently Asked Questions about brand-nimbus

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a calm-tech brand style to my UI components?▼

To apply a calm-tech brand style to your UI components, use this skill to inject precise color, typography, spacing, radii, shadow, and motion timing design tokens that reproduce the Nimbus visual identity across your interfaces.

Can I convert a generic landing page to match a specific design system?▼

Yes, you can convert a generic landing page to match a specific design system by applying this skill's component rules and voice guidelines for heroes, cards, and CTAs, ensuring visual consistency without manual token guessing.

What are design tokens and how do they enforce UI brand consistency?▼

Design tokens are machine-readable values defining colors, typography, and spacing that enforce UI brand consistency by providing AI assistants and designers with precise visual rules to generate compliant marketing assets.

Does this Nimbus UI styleguide work for actual cloud infrastructure documentation?▼

No, this Nimbus UI styleguide does not work for actual cloud infrastructure documentation because it includes voice and trigger guardrails explicitly designed to avoid application on real cloud infrastructure topics.

How do I generate a Nimbus-compliant hero section and CTA using an AI assistant?▼

To generate a Nimbus-compliant hero section and CTA using an AI assistant, prompt the assistant with a request for Nimbus-style assets and it will automatically apply the enforced layout patterns, component rules, and voice guardrails.

Related Skills

Explore More Design & Creative Skills→
ricardohg1998-createricardohg1998-create

design-system-forge

Define design tokens, base UI components, and governance artifacts with automated documentation.

Community
Advanced
emiltsokovemiltsokov

frontend-design

Generate production-grade React or vanilla JS UI components with brand-aligned design guidelines.

Community
Intermediate
Clay-HHKClay-HHK
2

frontend-design

Create production-ready frontend interfaces with HTML/CSS/JS or React and Vue.

Community
Advanced
Likas07Likas07

brand-guardian

Develop brand foundations, visual identity systems, and protection strategies.

Community
Advanced