Stream Builder
adrianhajdin/react-native-lingua
Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.
Work with shadcn/ui in Ordinus. An agent skill from muratgur/ordinus.
Install Shadcn Project Workflow
$ npx skills add muratgur/ordinus --skill shadcn-project-workflow -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install muratgur/ordinus shadcn-project-workflow --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/muratgur/ordinus.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/shadcn-project-workflow .claude/skills/shadcn-project-workflow && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "shadcn-project-workflow" agent skill from https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflow into .claude/skills/shadcn-project-workflow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shadcn-project-workflow", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflowType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add muratgur/ordinus --skill shadcn-project-workflow -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install muratgur/ordinus shadcn-project-workflow --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/muratgur/ordinus.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/shadcn-project-workflow .agents/skills/shadcn-project-workflow && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "shadcn-project-workflow" agent skill from https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflow into .agents/skills/shadcn-project-workflow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shadcn-project-workflow", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add muratgur/ordinus --skill shadcn-project-workflow -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install muratgur/ordinus shadcn-project-workflow --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/muratgur/ordinus.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/shadcn-project-workflow .cursor/skills/shadcn-project-workflow && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "shadcn-project-workflow" agent skill from https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflow into .cursor/skills/shadcn-project-workflow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shadcn-project-workflow", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/muratgur/ordinus.git --path .codex/skills/shadcn-project-workflow--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add muratgur/ordinus --skill shadcn-project-workflow -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install muratgur/ordinus shadcn-project-workflow --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/muratgur/ordinus.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/shadcn-project-workflow .gemini/skills/shadcn-project-workflow && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "shadcn-project-workflow" agent skill from https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflow into .gemini/skills/shadcn-project-workflow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shadcn-project-workflow", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install muratgur/ordinus shadcn-project-workflowInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add muratgur/ordinus --skill shadcn-project-workflow -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/muratgur/ordinus.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/shadcn-project-workflow .github/skills/shadcn-project-workflow && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "shadcn-project-workflow" agent skill from https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflow into .github/skills/shadcn-project-workflow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shadcn-project-workflow", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add muratgur/ordinus --skill shadcn-project-workflow -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install muratgur/ordinus shadcn-project-workflow --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/muratgur/ordinus.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/shadcn-project-workflow .opencode/skills/shadcn-project-workflow && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "shadcn-project-workflow" agent skill from https://github.com/muratgur/ordinus/tree/master/.codex/skills/shadcn-project-workflow into .opencode/skills/shadcn-project-workflow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "shadcn-project-workflow", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
shadcn-project-workflow- GitHub stars
- 113
- Token cost
- ~859 tokens
- SKILL.md length
- 371 words
- Files
- 10 (incl. references)
- Skills in repo
- 7
- Repo updated
- First seen
- Licence
- MIT
At a glance
Work with shadcn/ui in Ordinus. An agent skill from muratgur/ordinus.
- Works in 8 steps: Run or inspect project context before… → Read DESIGN.md before changing theme… → Check existing installed components… → …
- Styling shadcn-style components
- SKILL.md covers Objective, Required Workflow, Ordinus Defaults and Critical Rules, plus 2 more sections
- Calls npm and npx
What it does
Shadcn Project Workflow is an agent skill from muratgur/ordinus. Work with shadcn/ui in Ordinus. Use when adding, updating, composing, debugging, or styling shadcn-style components; touching components.json; using npx shadcn; changing src/renderer/src/components/ui; applying registry items or presets; or deciding whether to install a UI primitive.
Its SKILL.md is about 860 tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including reference files (for example `agents/openai.yaml`, `evals/evals.json` and `references/cli.md`).
It sits in Frontend & Design, covering Design systems. It works with shadcn/ui and npm. The repository describes itself as: Your local-first command center for working with AI agents like a real team. The licence is MIT.
When your agent uses it
- Styling shadcn-style components
- Touching components.json
- Using npx shadcn
- Changing src/renderer/src/components/ui
Example prompts
- “/shadcn-project-workflow”
Requirements
- Node.js
Workflow steps
8 steps, taken from the first numbered list in SKILL.md.
- Run or inspect project context before making component decisions
- Read DESIGN.md before changing theme tokens, variants, component styling, status surfaces, or user-facing UI copy.
- Check existing installed components before adding new ones.
- Prefer shadcn CLI for registry components
- For unfamiliar components, get docs first
- For updates, preview before changing
- Read files added by the CLI and fix imports, aliases, composition, and lint issues.
- Run npm run ui:check, npm run typecheck, npm run lint, and npm run build.
What it can do on your machine
Read from SKILL.md and the folder at commit c27f289. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
npmnpx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npm and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Shadcn Project Workflow loads about 859 tokens when it runs, and up to ~1.4k if it reads all its reference files. Until then it costs about 77 tokens; SKILL.md has 371 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from muratgur/ordinus at commit c27f289, republished under its MIT licence (© muratgur). 371 words, ~859 tokens.
Download SKILL.mdSave it as
.claude/skills/shadcn-project-workflow/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.- name
- shadcn-project-workflow
- description
- Work with shadcn/ui in Ordinus. Use when adding, updating, composing, debugging, or styling shadcn-style components; touching components.json; using npx shadcn; changing src/renderer/src/components/ui; applying registry items or presets; or deciding whether to install a UI primitive.
shadcn Project Workflow
Objective
Use shadcn/ui as the standard path for reusable UI primitives while preserving Ordinus product direction.
Use this with ordinus-ui-system: this skill governs shadcn mechanics; ordinus-ui-system governs product feel.
Use DESIGN.md as the canonical source for theme tokens, component vocabulary, status language, and UI density when changing shadcn-style components or renderer styling.
Required Workflow
- Run or inspect project context before making component decisions:
npm run ui:info - Read
DESIGN.mdbefore changing theme tokens, variants, component styling, status surfaces, or user-facing UI copy. - Check existing installed components before adding new ones.
- Prefer shadcn CLI for registry components:
npm run ui:add -- <component> - For unfamiliar components, get docs first:
npx shadcn@latest docs <component> - For updates, preview before changing:
npm run ui:add -- <component> --dry-runnpm run ui:add -- <component> --diff <file> - Read files added by the CLI and fix imports, aliases, composition, and lint issues.
- Run
npm run ui:check,npm run typecheck,npm run lint, andnpm run build.
Ordinus Defaults
- Package manager: npm.
- Electron app directory:
app. - Renderer alias:
@renderer/*. - Run shadcn and npm commands from
appunless the user explicitly changes the project layout. - UI components path:
app/src/renderer/src/components/ui. - Utility path:
app/src/renderer/src/lib/utils.ts. - Tailwind version: v3.
- Icon library:
lucide-react. - Product style: calm, operational, work-focused.
Show full SKILL.md (162 more words)Show less
Critical Rules
- Align reusable variants and semantic CSS variables with
DESIGN.mdbefore adding one-off styling. - Compose existing components before writing custom styled markup.
- Use built-in variants before custom class overrides.
- Use semantic tokens such as
bg-background,text-muted-foreground,border, andbg-primary. - Avoid raw Tailwind colors for product UI unless adding an intentional semantic token or variant.
- Use
gap-*for spacing, notspace-x-*orspace-y-*. - Use
size-*for equal width and height. - Use
cn()for conditional class composition. - Do not apply presets, overwrite components, or change global theme without explicit user approval.
Detailed References
Read only the relevant reference when needed:
- rules/styling.md for Tailwind and token rules.
- rules/composition.md for component composition and accessibility.
- rules/forms.md for forms and validation layouts.
- rules/icons.md for lucide icon usage.
- rules/base-vs-radix.md for primitive API differences.
- references/cli.md for shadcn CLI commands.
- references/customization.md for theming and CSS variables.
Notes
The official shadcn skill includes broader registry, MCP, asset, and eval infrastructure. Ordinus keeps a smaller adapted version focused on this Electron/Vite app.
© muratgur, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 9 other files (references) in .codex/skills/shadcn-project-workflow of muratgur/ordinus.
- SKILL.md
- agents/openai.yaml
- evals/evals.json
- references/cli.md
- references/customization.md
- rules/base-vs-radix.md
- rules/composition.md
- rules/forms.md
- rules/icons.md
- rules/styling.md
Open the folder on GitHubat commit c27f289
Compare with similar skills
Shadcn Project Workflow next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Shadcn Project Workflow this skillmuratgur/ordinus | 113 | — | ~859 | Automated safety check: Pass | MIT | |
| Stream Builderadrianhajdin/react-native-lingua | 152 | — | ~5.4k | Automated safety check: Notes | None | |
| Shadcnblencorp/claude-code-kit | 106 | — | ~3.2k | Automated safety check: Pass | MIT | |
| Shadcn Vue Skilldskilld-dev/vue-ecosystem-skills | 181 | — | ~1.2k | Automated safety check: Pass | MIT | |
| Light Frontend DesignLight0305/Light-skills | 640 | — | ~3.1k | Automated safety check: Pass | MIT | |
| Aceternity UIsecondsky/claude-skills | 227 | — | ~4.7k | Automated safety check: Pass | MIT |
Similar skills
Shadcn
blencorp/claude-code-kit
shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.
Shadcn Vue Skilld
skilld-dev/vue-ecosystem-skills
A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.
Light Frontend Design
Light0305/Light-skills
Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…
Aceternity UI
secondsky/claude-skills
100+ animated React components (Aceternity UI) for Next.js with Tailwind.
UI Styling
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
More from muratgur/ordinus
Electron Secure Boundary
muratgur/ordinus
Maintain Ordinus Electron security boundaries. An agent skill from muratgur/ordinus.
Ipc Contract Design
muratgur/ordinus
Design and maintain Ordinus typed IPC contracts. An agent skill from muratgur/ordinus.
Ordinus UI System
muratgur/ordinus
Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus.
Provider Runtime Adapter
muratgur/ordinus
Design Ordinus provider runtime adapters for local AI CLIs. An agent skill from muratgur/ordinus.
Sqlite Minimal Persistence
muratgur/ordinus
Extend Ordinus SQLite persistence conservatively. An agent skill from muratgur/ordinus.
Idea Discovery
muratgur/ordinus
Explore a new feature, product idea, technical design, workflow change, or ADR candidate before committing to an implementation plan.
Related
Categories
Questions about Shadcn Project Workflow
What does Shadcn Project Workflow do?
Work with shadcn/ui in Ordinus. An agent skill from muratgur/ordinus. Shadcn Project Workflow is an agent skill from muratgur/ordinus. Work with shadcn/ui in Ordinus.
When should I use Shadcn Project Workflow?
Shadcn Project Workflow fits situations like: styling shadcn-style components; touching components.json; using npx shadcn; changing src/renderer/src/components/ui.
How do I install Shadcn Project Workflow in Claude Code?
Run `npx skills add muratgur/ordinus --skill shadcn-project-workflow -a claude-code`. Or copy the skill folder (.codex/skills/shadcn-project-workflow in muratgur/ordinus) into .claude/skills/shadcn-project-workflow in your project. Claude Code loads it when a task matches its description.
How do I install Shadcn Project Workflow in Codex?
Run `npx skills add muratgur/ordinus --skill shadcn-project-workflow -a codex`. Or copy the skill folder (.codex/skills/shadcn-project-workflow in muratgur/ordinus) into .agents/skills/shadcn-project-workflow in your project. Codex loads it when a task matches its description.
Can I use Shadcn Project Workflow in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add muratgur/ordinus --skill shadcn-project-workflow -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/shadcn-project-workflow, .gemini/skills/shadcn-project-workflow, .github/skills/shadcn-project-workflow and .opencode/skills/shadcn-project-workflow in your project.
What does Shadcn Project Workflow need to run?
Going by SKILL.md and its folder, Shadcn Project Workflow needs the command-line tools its instructions call (npm and npx). Our summary lists: Node.js.
Does Shadcn Project Workflow access the network?
SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Shadcn Project Workflow safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Shadcn Project Workflow use?
Shadcn Project Workflow is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Shadcn Project Workflow use?
About 859 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 543 tokens, read only when the agent opens those files.
What are the alternatives to Shadcn Project Workflow?
Skills that share tags, products or a category with Shadcn Project Workflow: Stream Builder (adrianhajdin/react-native-lingua, 152 stars), Shadcn (blencorp/claude-code-kit, 106 stars), Shadcn Vue Skilld (skilld-dev/vue-ecosystem-skills, 181 stars) and Light Frontend Design (Light0305/Light-skills, 640 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Shadcn Project Workflow?
muratgur (a GitHub user) maintains it in muratgur/ordinus, which has 113 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on September 3, 2026.
Source: muratgur/ordinus on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.