# portal-page-design

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

Structure and compose Kong Konnect Dev Portal pages with MDC components like heroes, cards, columns, tabbed panels, callouts, and expandable sections. Use for page layout, section design, and component choice. Not for documentation writing or editing.

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-page-design ~/.claude/skills/portal-page-design
```

## From README

Konnect Dev Portal page design Goal Turn a page intent into a well-structured Dev Portal page built from MDC (Markdown Components). Own the layout: which sections the page needs, which components express them, and how they compose into a consistent, responsive result. Never invent a component or prop from memory. Clarify First Ask two or three high-impact questions, each with a default to confirm: the page's primary goal and audience which sections are wanted (hero, feature columns, doc sections, API list) whether it should match an existing page's structure Tool Selection Prefer the Konnect MCP server: the authoritative, always-current source for MDC facts (syntax rules, available components, their props and slots, design tokens, examples, formatting, validation, page preview).

## Links

- HTML page: https://omgskills.com/library/kong/ai-marketplace/plugins/kong-konnect/skills/portal-page-design/
- 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