How do I install the Mk UI Styling skill?

Run npx skillmds@latest add phuc-nt/mk-ui-styling-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Mk UI Styling safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Mk UI Styling?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Mk UI Styling free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Mk UI Styling?

phuc-nt (@phuc-nt) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Mk UI Styling

Name: Mk UI Styling
Author: phuc-nt

Style UIs with shadcn/ui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.

phuc-nt 9ad404a 701 B Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add phuc-nt/mk-ui-styling-2

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download SKILL.md

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/phuc-nt/mk-ui-styling-2.svg)](https://skillmd.com/skills/phuc-nt/mk-ui-styling-2)

Trust & safety

Audits pending

Not yet audited · commit 9ad404a

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

mk-ui-styling

This is a wrapper for the kit skill in .claude/skills/ui-styling/.

Read .claude/skills/ui-styling/SKILL.md with the file reading tool.
Follow its instructions exactly for the request below. Relative paths it mentions (references/, scripts/, bin/, assets/) resolve from .claude/skills/ui-styling/.
Where it says to invoke another /mk-* skill, load that skill the same way.

Argument hint: [component or layout]

Request / arguments: $ARGUMENTS

phuc-nt/kiro-agent-kit/tree/main/kit/.kiro/skills/mk-ui-styling commit 9ad404afbe

Frequently asked questions

npx skillmds@latest add phuc-nt/mk-ui-styling-2