How do I install the Use Style skill?

Run npx skillmds@latest add melvynx/use-style 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 Use Style 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 Use Style?

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 Use Style free to use?

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

Who published Use Style?

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

Use Style by melvynx — Agent Skill

Name: Use Style
Author: melvynx

Use Style

Apply named visual style guides to landing pages, app shells, and UI. Use for $use-style, /useskill, list styles, or styles like ios-app, grid, vercel, black-grid, stripe, linear, raycast, gumroad, dusk, or luma.

melvynx ddb1079 26 files · 372.5 KB Updated Sep 17, 2026

File contents

Load a named style before designing or implementing UI. Parse the name from $ARGUMENTS or the message. Aliases: ios/iphone/nowstack-mobile/ink & spark → ios-app; use-vercel/geist → vercel; old vercel/black grid → black-grid; testsprite/test sprite → testspirite; lu.ma/luma.com → luma; super simple/SUPER_SIMPLE → super-simple.

Defaults: NowStack / Expo / NativeWind → ios-app. Codelynx product landings → grid. Vercel / Geist infrastructure marketing → vercel. Austere monochrome tools → black-grid. Linear / issue tracker shell → linear. Newspaper / magazine → new-york-times. Anthropic / Claude cream lab → anthropic. Neo-brutalist yellow/pink → gumroad. Glossy dark glow marketing → raycast. Attio twilight CRM → dusk. TestSprite paper dashboard → testspirite. Luma / events / RSVP → luma.

If the name is list or nothing matches, list the styles in styles/ and stop until the user chooses.

Read styles/<name>.md from this skill directory.
Prefer project overrides: .agents/styles/<name>.md, <name>-theme.md, <name>-theme-migration.md.
Treat the loaded style as hard constraints. Reuse existing primitives (Codelynx: GridTheme* from grid-theme-primitives.tsx).

Match the vibe exactly. Honor the style file's anti-patterns. Scaffold the shell first on landing pages. impeccable is the polish pass after the style is applied.

Frequently asked questions