Coreui — Design skill for Claude Code
Work with CoreUI components (Layout, Sidebar, PageContainer, Popup).
How to install Coreui
Installs to ~/.claude/skills/yuzukitsuru-openixwidgets-coreui/SKILL.md
mkdir -p ~/.claude/skills/yuzukitsuru-openixwidgets-coreui && curl -fsSL https://raw.githubusercontent.com/YuzukiTsuru/OpenixWidgets/HEAD/.claude/skills/coreui.md -o ~/.claude/skills/yuzukitsuru-openixwidgets-coreui/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Coreui does
name: coreui description: Work with CoreUI components (Layout, Sidebar, PageContainer, Popup) trigger: code imports from './CoreUI' or '../CoreUI', or user asks about Layout, Sidebar, PageContainer, or Popup components
CoreUI Module Skill
This skill helps you work with the CoreUI components in the OpenixWidgets framework.
Components Overview
Layout
- Main application layout wrapper
- Props: tools, activeTool, onToolSelect, sidebarCollapsed, onToggleSidebar, onSettingsClick,
Alternatives in Design
- Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
- Pair — Fuse two extracted designs into a single hybrid identity 3.6k ★
- Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Tomevault Design
AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, col
Add Admin Panel
Create basic admin dashboard with protected routes. Implement admin route protection with role-based access co
Matt
Activates Matt, Frontend Engineering Specialist. Implements UI components, design systems, theming, Storybook,
Device Geometry
iPhone/iPad screen geometry and the exact algorithm for computing screen-edge masks and UI element clearance.
Jsonl Liveness
Read-only live Claude JSONL sessions: Bun CLI/TUI, React + Tailwind web popup, time-first change checks.
Claude To Figma
Turn Claude Design HTML exports into fully editable Figma files — semantic frames, auto-layout, components, an
Related Agents
Frontend UX Specialist
Use proactively for frontend page work, responsive layout issues, chart behavior, navigation polish, and visua
Frontend Minimalist
Livewire and Tailwind specialist. Use for work in app/Livewire, resources/views, resources/css or resources/js
Livewire Frontend
Senior TALL frontend developer (Livewire, Alpine.js, Tailwind, Blade components, Filament UI, accessibility).