# portal-branding

> Claude/Codex skill by [@kong](https://omgskills.com/library/kong/index.md) · 6 stars · Updated 2026-10-19

Replicate a brand or existing website's design on Kong Konnect Dev Portal pages. Use to match colors, fonts, imagery, and spacing through MDC components and page-level styling for visual parity.

Tags: agent-skills, agentic-workflows, agents, ai, kong, kong-gateway, kong-konnect, mcp

## Install

```sh
git clone https://github.com/Kong/ai-marketplace /tmp/ai-marketplace && ln -s /tmp/ai-marketplace/plugins/kong-konnect/skills/portal-branding ~/.claude/skills/portal-branding
```

## From README

Konnect Dev Portal page branding Goal Reproduce a brand or an existing website's look on Dev Portal MDC pages: colors, fonts, imagery, and spacing, through MDC components and page-level styling. Work in MDC page files, locally or in a repo. Do not push destructive changes to a live portal through the Konnect API unless the user explicitly asks. Clarify First Ask two or three high-impact questions, each with a default to confirm; do not interrogate: source to match: a URL or short brand description target page or pages which details must be exact, which can be approximate light or dark base Tool Selection Author, format, validate, and preview MDC with the portal-page-design toolchain, which uses the Konnect MCP server for verified components, design tokens, validation, and preview. This skill adds the brand-specific steps below. If the MCP server is not connected, recommend connecting it.

## Links

- HTML page: https://omgskills.com/library/kong/ai-marketplace/plugins/kong-konnect/skills/portal-branding/
- GitHub: https://github.com/Kong/ai-marketplace
- Author: [@kong](https://omgskills.com/library/kong/index.md)

## More from this repo

- [deck-gateway](https://omgskills.com/library/kong/ai-marketplace/plugins/kong-konnect/skills/deck-gateway/index.md) — Used to manage Kong Gateway entities with decK.
   - [@kong](https://omgskills.com/library/kong/index.md) · 6 stars
- [gateway-plugin-datakit](https://omgskills.com/library/kong/ai-marketplace/plugins/kong-konnect/skills/gateway-plugin-datakit/index.md) — Used when designing or debugging Kong DataKit plugin flows, including node selection, DAG wiring, jq transforms, cache...
   - [@kong](https://omgskills.com/library/kong/index.md) · 6 stars
- [kong-skill-authoring](https://omgskills.com/library/kong/ai-marketplace/plugins/kong-konnect/skills/kong-skill-authoring/index.md) — Used to create or refactor a skill in this repo.
   - [@kong](https://omgskills.com/library/kong/index.md) · 6 stars