Skills
.Work. You
Rest

vikinger-ui

Community

Rails-first UI patterns inspired by Vikinger.

Design & Creative#tailwind#design-system#ui-patterns#hotwire#vikinger#rails-viewcomponent
Authorreckerswartz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Transforms Vikinger-inspired UI patterns into Rails-first, reusable UI primitives, enabling teams to implement dense dashboards, profile headers, and account hubs without copying vendor markup.

Core Features & Use Cases

  • Translate Vikinger page families into Rails ViewComponents, Stimulus controllers, and Turbo-driven flows.
  • Extract reusable primitives (AppShell, SidebarNav, ProfileHero, MetricCard, ActivityCard) for editor chrome, dashboards, and template galleries.
  • Apply to editor chrome, dashboards, template catalogs, and settings hubs within a Resume Builder context.

Quick Start

Map Vikinger page families to Rails components and scaffold a minimal AppShell with a SidebarNav and ProfileHero, then implement a small set of reusable primitives.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: vikinger-ui
Download link: https://github.com/reckerswartz/resume_builder/archive/main.zip#vikinger-ui

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.