Skills
.Work. You
Rest

ui-init

Community

Set up UI skills with confidence

Software Engineering#accessibility#design tokens#playwright#claude agents#axe-core#ui setup#repo initialization
Authordawitlabs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Initializes the UI/UX skill set so an AI-driven UI audit can reliably detect the project’s current setup, install missing dev-only tooling, and document the project conventions for subsequent skills.

Core Features & Use Cases

  • Project readiness detection: Checks for Playwright, axe-core, token files, a design brief, and required CSS/UX foundations such as prefers-reduced-motion and skip links.
  • Guided installation of dev dependencies: Installs missing tooling like Playwright (including Chromium) and axe-core without guessing.
  • Skill coordination via documentation: Updates the CLAUDE.md/AGENTS.md with an up-to-date UI skills section so later skills know where tokens, brief files, and editing targets live.

Quick Start

Run /ui-init to scan your repo, confirm what’s missing, and set up the UI skills prerequisites before using /design-grill, /tokens, /uiux, /uicolor, /animate, /copy, /a11y, or /landing.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-init
Download link: https://github.com/dawitlabs/ui-skills/archive/main.zip#ui-init

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.