Which UI libraries does CO-STAR UI Architect support?

The skill is pre-configured to work with the modern React ecosystem, including Tailwind CSS, shadcn/ui, Magic UI, Aceternity, and the Newsprint design system.

Can I use this for my own proprietary design system?

Yes. The 'Prompt Creator Mode' is specifically designed to help you build custom CO-STAR prompts and templates based on your own documentation and design tokens.

What is the CO-STAR framework used in this skill?

CO-STAR stands for Context, Objective, Style, Tone, Audience, and Response. It is a structured prompting methodology that ensures Claude understands the full scope of a UI task before generating code.

Does it write code immediately upon request?

No. To ensure accuracy, the skill follows a non-negotiable process of running discovery questions first, followed by an integration plan and a critique loop before final implementation.

CO-STAR UI Architect

Name: CO-STAR UI Architect
Author: owenlim225

byowenlim225

0•

Design Tools

Streamlines React and Next.js interface development using the CO-STAR framework for structured UI prompting and component integration.

The CO-STAR UI Architect skill empowers developers to build sophisticated frontend interfaces by applying the structured CO-STAR prompting framework (Context, Objective, Style, Tone, Audience, Response) to UI/UX tasks. It offers two distinct modes: a UI Build mode for implementing high-quality components, dashboards, and landing pages using modern libraries like shadcn/ui, Magic UI, and Aceternity, and a Prompt Creator mode for generating custom design system templates. By enforcing a discovery-first workflow, the skill ensures that all code implementations align with existing tech stacks and design constraints before a single line is written.

Key Features

010 GitHub stars

02Discovery-driven workflow with built-in critique loops

03Custom prompt generation for private design systems

04Support for shadcn/ui, Magic UI, and Aceternity components

05Optimized for React and Next.js ecosystems

06CO-STAR structured prompting framework integration

Use Cases

01Integrating a standardized design system like Newsprint into an existing codebase

02Creating custom CO-STAR prompt templates for team-wide UI consistency

03Building high-conversion landing pages with advanced Tailwind animations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add owenlim225/lockin-pro co-star-ui

For use in Claude.ai and ChatGPT