co-star-ui

Installation
SKILL.md

CO STAR UI Skill

Structured CO-STAR prompting for UI work: Context, Objective, Style, Tone, Audience, Response. The skill supports two modes and requires choosing one before proceeding.


Decision: Which Mode to Use

If the user wants to… Use Action
Build or change UI — components, pages, design system, shadcn/Magic UI/Aceternity, refactors, hero/dashboard/landing UI build mode Follow references/co-star-prompt.md. Discovery questions first, then integration plan and code.
Create a custom CO-STAR prompt — their own prompt, design system doc, or CO-STAR template from scratch Prompt creator mode Follow references/co-star-creator.md. Guide them through Context, Objective, Style, Tone, Audience, Response.
Unclear or mixed Weigh main ask. Implementation → prompt first; "create my prompt" → creator first.

Signals for UI build: build, implement, add, refactor, component, page, design system, shadcn, Tailwind, React, Next.js, hero, dashboard, landing, integrate.

Signals for prompt creator: create my prompt, custom prompt, my own CO STAR, design system doc, template for our product.


Related skills

More from justinedevs/collection

Installs
9
GitHub Stars
1
First Seen
Mar 9, 2026