How do I install the Frontend Design skill?

Run npx skillmds@latest add selftune-dev/frontend-design 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 Frontend Design 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 Frontend Design?

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 Frontend Design free to use?

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

Who published Frontend Design?

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

Frontend Design

Name: Frontend Design
Author: selftune-dev

Delivers instruction on UI/UX design principles for web applications including layout, typography, color theory, and responsive design.

selftune-dev 7c511af 620 B Updated Sep 17, 2026

Design & Media

Install

Press C to copy

$ npx skillmds@latest add selftune-dev/frontend-design

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/selftune-dev/frontend-design.svg)](https://skillmd.com/skills/selftune-dev/frontend-design)

Trust & safety

Audits pending

Not yet audited · commit 7c511af

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

frontend-design

Provides guidance on UI/UX design principles for building effective web interfaces.

When to Use

User asks about UI/UX design principles
User needs help with layout, typography, or color choices
User is building a web application frontend

Examples

"Help me design a landing page"
"What are good color combinations for a dashboard?"
"Review my UI layout"

Configuration

No configuration required.

selftune-dev/selftune/tree/main/tests/sandbox/fixtures/skills/frontend-design commit 7c511afca6

Frequently asked questions

npx skillmds@latest add selftune-dev/frontend-design