skills.rest
TheOrcDev
TheOrcDevCOMMUNITY
Explore all skills by this author →
Website𝕏@orcdevGitHub

videorc-design

Implement Videorc UI styling with shadcn/ui components and CSS variables.

436|57|Updated May 30, 2026
Search Tags:#shadcn/ui#ui design#videorc#consistent aesthetic#raycast style
One-click install
npx skills add https://github.com/TheOrcDev/videorc --skill videorc-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: videorc-design
Source: https://github.com/TheOrcDev/videorc/tree/main/.agents/skills/videorc-design
Command: npx skills add https://github.com/TheOrcDev/videorc --skill videorc-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a standardized design language for Videorc UI components, ensuring consistency and ease of use across all UI elements.

Core Features & Use Cases

  • Consistent Design Language: Utilizes shadcn/ui components to maintain a uniform look and feel throughout Videorc UI.
  • Streamlined Development: Facilitates rapid UI development, styling, and review.
  • Use Case: When developing new components, screens, dialogs, lists, or toolbars in Videorc, use this Skill to ensure adherence to the Raycast-style dark glass aesthetic.

Quick Start

Use the videorc-design skill to apply the dark glass aesthetic to a new component in Videorc.

Frequently Asked Questions about videorc-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement a Raycast-style dark glass aesthetic for shadcn/ui components?▼

You can achieve a consistent Raycast-style aesthetic by applying this Skill's predefined CSS variables and shadcn/ui component theming conventions during your UI development and styling process.

What is the best way to maintain consistent UI design when developing new Videorc screens and dialogs?▼

The best way to maintain consistent UI design is to utilize a standardized design language that enforces uniform shadcn/ui component usage and styling rules across all new screens, dialogs, and toolbars.

Do I need existing shadcn/ui components to use the Videorc design system?▼

Yes, this Skill requires adherence to shadcn/ui component guidelines and theming conventions, meaning your project must already integrate shadcn/ui components to apply the Videorc design language effectively.

Can I use this Skill to review UI component styling for consistency?▼

Yes, this Skill supports UI review scenarios by evaluating your component styling against the established Videorc design language, checking for adherence to shadcn/ui guidelines and consistent aesthetic application.

How does this Skill handle CSS theming variables for component styling?▼

This Skill uses CSS variables to implement its UI design language, allowing you to apply a uniform dark glass aesthetic by overriding standard shadcn/ui theming properties without altering component logic.

Related Skills

Explore More Design & Creative Skills→
wredziowredzio

tailwind-v4-shadcn

Configure Tailwind v4 theming with shadcn/ui in React + Vite projects.

Community
Advanced
ev3rlitev3rlit

web-design-guidelines

Audit UI code against fetched Web Interface Guidelines and output file:line findings.

Community
Intermediate
kkrzysztofikkkrzysztofik
2

camera-webui-components

Generate React 19 camera UI components with TypeScript and shadcn/ui.

Community
Intermediate
masermediagroup-stackmasermediagroup-stack
1

shadcn

Automate shadcn/ui setup, theming, and component integration via CLI.

Community
Advanced