co-star-ui — community co-star-ui, LockIn-Pro, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

关于此技能

非常适合需要结构化CO-STAR提示的UI开发和设计任务的UI焦点代理 CO-STAR UI Creator for React/Next.js: structured prompting to build or integrate UI (components, pages, design systems) or to create custom CO-STAR prompts. Use when the user wants to add hero sections, dashboards, design tokens, shadcn/Magic UI/Aceternity integration, Newsprint design system, or to draft their own CO-STAR prompt (Context, Objective, Style, Tone, Audience, Response). Always run discovery questions first, then plan, then implementation.

owenlim225 owenlim225
[0]
[0]
更新于: 3/10/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 6/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution
Review Score
6/11
Quality Score
23
Canonical Locale
en
Detected Body Locale
en

非常适合需要结构化CO-STAR提示的UI开发和设计任务的UI焦点代理 CO-STAR UI Creator for React/Next.js: structured prompting to build or integrate UI (components, pages, design systems) or to create custom CO-STAR prompts. Use when the user wants to add hero sections, dashboards, design tokens, shadcn/Magic UI/Aceternity integration, Newsprint design system, or to draft their own CO-STAR prompt (Context, Objective, Style, Tone, Audience, Response). Always run discovery questions first, then plan, then implementation.

核心价值

赋予代理生成全面的UI组件使用CO-STAR提示，支持UI构建模式以创建或更改UI组件、页面和设计系统，并利用像shadcn/Magic UI/Aceternity这样的协议进行重构和hero/dashboard/landing页面

适用 Agent 类型

非常适合需要结构化CO-STAR提示的UI开发和设计任务的UI焦点代理

↓ 赋予的主要能力 · co-star-ui

为Web应用程序构建响应式UI组件
使用CO-STAR提示重构现有的UI页面
使用结构化的CO-STAR UI提示设计英雄部分和着陆页

! 使用限制与门槛

  • 需要在继续之前在UI构建模式和其他模式之间进行选择
  • 专门为UI工作设计，限制了其在其他领域的应用

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

实验室 Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

常见问题与安装步骤

以下问题与步骤与页面结构化数据保持一致，便于搜索引擎理解页面内容。

? FAQ

co-star-ui 是什么？

非常适合需要结构化CO-STAR提示的UI开发和设计任务的UI焦点代理 CO-STAR UI Creator for React/Next.js: structured prompting to build or integrate UI (components, pages, design systems) or to create custom CO-STAR prompts. Use when the user wants to add hero sections, dashboards, design tokens, shadcn/Magic UI/Aceternity integration, Newsprint design system, or to draft their own CO-STAR prompt (Context, Objective, Style, Tone, Audience, Response). Always run discovery questions first, then plan, then implementation.

如何安装 co-star-ui？

运行命令：npx killer-skills add owenlim225/LockIn-Pro/co-star-ui。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

co-star-ui 适用于哪些场景？

典型场景包括：为Web应用程序构建响应式UI组件、使用CO-STAR提示重构现有的UI页面、使用结构化的CO-STAR UI提示设计英雄部分和着陆页。

co-star-ui 支持哪些 IDE 或 Agent？

该技能兼容 Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer。可使用 Killer-Skills CLI 一条命令通用安装。

co-star-ui 有哪些限制？

需要在继续之前在UI构建模式和其他模式之间进行选择；专门为UI工作设计，限制了其在其他领域的应用。

↓ 安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行：npx killer-skills add owenlim225/LockIn-Pro/co-star-ui。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    co-star-ui 已启用，可立即在当前项目中调用。

! 参考页模式

此页面仍可作为安装与查阅参考，但 Killer-Skills 不再把它视为主要可索引落地页。请优先阅读上方评审结论，再决定是否继续查看上游仓库说明。

Imported Repository Instructions

The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.

Supporting Evidence

co-star-ui

安装 co-star-ui，这是一款面向AI agent workflows and automation的 AI Agent Skill。支持 Claude Code、Cursor、Windsurf，一键安装。

SKILL.md
Readonly
Imported Repository Instructions
The section below is supporting source material from the upstream repository. Use the Killer-Skills review above as the primary decision layer.
Supporting Evidence

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…UseAction
Build or change UI — components, pages, design system, shadcn/Magic UI/Aceternity, refactors, hero/dashboard/landingUI build modeFollow 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 scratchPrompt creator modeFollow references/co-star-creator.md. Guide them through Context, Objective, Style, Tone, Audience, Response.
Unclear or mixedWeigh 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.

Non-Negotiable Pre-Actions

  1. Locate the correct resource (co-star-prompt vs co-star-creator) from the decision table above.
  2. Do not suggest code or libraries until you have run scoped discovery questions (tech stack, existing UI lib, design direction, target page/feature). Keep to 5–10 questions.
  3. After answers, respond with: integration strategy, token/primitive definitions, component patterns, negative constraints (anti-patterns), and a critique loop (2–4 risks, one small first slice, and "which component or page first?").

Flow (UI Build Mode)

  1. Scoped questions first — Framework, styling, existing tokens/components, constraints, goal (re-skin vs new theme vs one page).
  2. Integration strategy — Which base (e.g. shadcn + Radix), which registries (Tailark, Magic UI, Aceternity), which animation (React Bits, Anime.js) if any. Keep the set minimal.
  3. Concrete plan — Tokens, core components, then marketing/dashboard layers. Code sketches in the user’s stack (Tailwind, CSS modules, etc.).
  4. Negative constraints — No multiple full UI suites, no mixing incompatible design languages, no heavy animation everywhere. Normalize tokens when copy-pasting.
  5. Critique loop — List trade-offs, suggest one small first slice, ask what to tackle first.

Flow (Prompt Creator Mode)

  1. Guide the user through Context (existing codebase, stack, target design system).
  2. Then Objective (mental model, minimal abstractions, migration plan, implementation guidance, critique).
  3. Then Style, Tone, Audience, Response format (two phases: scoped questions first, then implementation plan + code sketches).
  4. Include negative constraints and edge cases in the resulting prompt.

Resources

  • references/co-star-prompt.md — Full CO-STAR prompt for building/integrating UI (modern React ecosystem, registries, copy-paste vs npm). Read when the user is in UI build mode.
  • references/co-star-creator.md — Full CO-STAR prompt for Newsprint UI Creator (design system integration, tokens, primitives). Use for prompt-creator mode or for Newsprint-specific builds.

相关技能

寻找 co-star-ui 的替代方案 (Alternative) 或可搭配使用的同类 community Skill？探索以下相关开源技能。

查看全部

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

★ 333.8k
⑂ 0
AI

widget-generator

Logo of f
f

为prompts.chat的信息反馈系统生成可定制的插件小部件

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

React 框架

★ 138.4k
⑂ 0
浏览器

pr-review

Logo of pytorch
pytorch

Python中具有强大GPU加速的张量和动态神经网络

★ 98.6k
⑂ 0
开发者工具