skills.rest
Ruzenie
RuzenieCOMMUNITY
Explore all skills by this author →
GitHub

app-workspace-guide

Identify Node, Vite, Tailwind, and shadcn configurations and directory constraints.

2|Updated Feb 15, 2026
Search Tags:#workspace#baseline#component inventory#app setup#technical stack#directory constraints
One-click install
npx skills add https://github.com/Ruzenie/RUI-agentskills --skill app-workspace-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-workspace-guide
Source: https://github.com/Ruzenie/RUI-agentskills/tree/main/RUI-agentskills/RUI-codex-cn/skills/app-workspace-guide
Command: npx skills add https://github.com/Ruzenie/RUI-agentskills --skill app-workspace-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you quickly understand the technical stack, component inventory, and directory constraints of an app/ workspace before starting UI development.

Core Features & Use Cases

  • Environment Baseline Identification: Detects Node, Vite, Tailwind, and shadcn versions.
  • Directory and Entry Point Constraints: Enforces constraints on paths like src/App.tsx, src/index.css, and src/components/ui/*.
  • Component Asset Inventory: Lists installed components and reusable capabilities.
  • Use Case: Before modifying an existing project, run this skill to get a clear picture of its current setup, preventing conflicts with the existing app baseline.

Quick Start

Use the app-workspace-guide skill to understand the current app workspace baseline before making changes.

Frequently Asked Questions about app-workspace-guide

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

FAQPage Schema
How do I identify the technical stack of an existing app workspace?▼

To identify the technical stack of an app workspace, analyze the project configurations to detect Node, Vite, Tailwind, and shadcn versions. This establishes a clear environment baseline, preventing conflicts before starting UI development.

What directory constraints apply to a Vite and shadcn UI project?▼

Directory constraints for Vite and shadcn UI projects enforce specific entry points and component paths, including `src/App.tsx`, `src/index.css`, and `src/components/ui/*`. Adhering to these path constraints ensures structural consistency.

How do I inventory installed shadcn components before modifying a project?▼

To inventory installed shadcn components, scan the `src/components/ui/*` directory structure to list reusable capabilities and assets. This component asset inventory clarifies available modules before modifying an existing project.

When do I need to establish an environment baseline for UI development?▼

You need to establish an environment baseline for UI development before modifying an existing project. This process identifies the current technical stack and directory constraints, preventing conflicts with the existing app setup.

Does this app workspace guide detect Tailwind and shadcn configurations?▼

Yes, this app workspace guide detects Tailwind and shadcn configurations. It requires analyzing these specific configuration files along with Node and Vite setups to accurately identify the application's technical stack baseline.

Related Skills

Explore More Software Engineering Skills→
devrelaicomdevrelaicom
37

compact-core:compact-init-project

Scaffold a Midnight Compact project and compile contract artifacts.

Official
Intermediate
jwilgerjwilger

atomic-design

Organize UI components into atoms, molecules, organisms, and templates.

Community
Basic
NammDevNammDev
2

ui-styling

Integrate shadcn/ui with Tailwind CSS for React UI styling.

Community
Intermediate
wanghaishengwanghaisheng
10

tech-debt

Scan codebases for technical debt indicators and generate prioritized debt reports.

Community
Intermediate