innojini-widget-admin-design

Define design tokens and layout patterns for the HuniPrinting Widget Admin interface.

Updated Feb 26, 2026
One-click install
npx skills add https://github.com/skeeper75/widget.creator --skill innojini-widget-admin-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: innojini-widget-admin-design
Source: https://github.com/skeeper75/widget.creator/tree/main/.claude/skills/innojini-widget-admin-design
Command: npx skills add https://github.com/skeeper75/widget.creator --skill innojini-widget-admin-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a project-specific design system, including design tokens and layout patterns, to ensure a consistent and user-friendly administrative interface for managing printing data.

Core Features & Use Cases

  • Design Tokens: Defines primary and semantic colors, spacing, and typography based on Toss/SEED design principles.
  • Layout Patterns: Implements standard and 3-panel layouts for efficient data management and navigation.
  • Component Conventions: Establishes guidelines for buttons, active states, and empty states.
  • Use Case: A frontend developer building the apps/admin section of the Widget Creator can use this Skill to quickly implement a visually consistent and functional UI that adheres to the project's design language.

Quick Start

Apply the project-specific design tokens and layout patterns to the admin dashboard pages.

Frequently Asked Questions about innojini-widget-admin-design

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

FAQPage Schema
How do I maintain consistent UI design tokens for an admin dashboard?▼

To maintain consistent UI design tokens for an admin dashboard, apply a centralized design system that defines primary colors, spacing, and typography based on Toss/SEED principles to enforce visual uniformity across all administrative pages.

What is the best way to structure admin layout patterns for efficient data management?▼

The best way to structure admin layout patterns for efficient data management is to implement standard and 3-panel layouts, which streamline navigation and organize complex administrative data interfaces effectively.

Can I use shadcn with Toss/SEED-inspired design principles for an admin interface?▼

Yes, you can use shadcn alongside Toss/SEED-inspired design principles for an admin interface by mapping shadcn components to project-specific design tokens, ensuring consistent button behaviors, active states, and empty state conventions.

Does this design system support component conventions for empty states and active states?▼

Yes, this design system supports component conventions for empty states and active states by establishing strict guidelines for component behavior, ensuring a consistent user experience across the HuniPrinting Widget Admin interface.

How do I apply semantic colors and typography in a frontend admin project?▼

To apply semantic colors and typography in a frontend admin project, reference a predefined set of design tokens that categorize primary and semantic color palettes, ensuring consistent text rendering and visual hierarchy throughout the admin section.