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.