# UI Portfolio Theming

> Designing premium, high-readability documentation and portfolio themes.

- Skill: `jcorpac/ui-portfolio-theming` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jcorpac/ui-portfolio-theming`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jcorpac/ui-portfolio-theming/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: jcorpac (https://skillmd.com/u/jcorpac)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jcorpac/ui-portfolio-theming

---


# UI Portfolio Theming

A skill library should feel premium, focusing on typography, layout, and visual clarity.

## Design Systems
- **Typography First**: Use high-quality Google Fonts (e.g., *Inter*, *Outfit*) and ensure generous line-heights.
- **Color Palettes**: Use sophisticated slate, navy, or deep charcoal tones rather than pure black.

## Visual Flourishes
- **Glassmorphism**: Use `backdrop-filter: blur()` and subtle border-colors for a modern, layered feel.
- **Micro-interactions**: Subtle hover offsets and transitions for links and cards.

## Best Practices
- **Dark Mode Support**: Always implement a cohesive dark theme.
- **Responsive Hierarchy**: Ensure complex documentation remains readable on mobile devices.