positive-theme-design

Provide design tokens for color, typography, spacing, and components for stock briefing UIs.

Updated Dec 12, 2025
One-click install
npx skills add https://github.com/Siyeolryu/ica-SYR- --skill positive-theme-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: positive-theme-design
Source: https://github.com/Siyeolryu/ica-SYR-/tree/main/.claude/skills/positive-theme-design
Command: npx skills add https://github.com/Siyeolryu/ica-SYR- --skill positive-theme-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

당신이 잠든 사이 프로젝트의 주가 브리핑 UI에 일관성과 긍정적 감성을 부여하지 못해 생기는 혼란과 개발 속도 저하를 해소하기 위한, 신뢰감과 활력을 담은 디자인 시스템입니다.

Core Features & Use Cases

  • 디자인 철학: 신뢰, 희망, 활력, 친근함을 핵심 가치로 제시합니다.
  • 컬러 시스템: 주 색상(스카이 블루), 보조 색상(골든 선라이즈), 악센트(민트) 및 다크모드 지원으로 다양한 테마를 제공합니다.
  • 타이포그래피, 여백, 컴포넌트 가이드: 대시보드, 주가 카드, 브리핑 화면 등에서 일관된 UI를 구현합니다.
  • 접근성 및 반응형 설계: 색 대비, 키보드 탐색, 스크린 리더 호환성을 고려합니다.

Quick Start

디자인 시스템의 색상 토큰, 타이포그래피, 간격, 컴포넌트 패턴을 주가 브리핑 UI에 적용하여 일관되고 접근성 높은 사용자 경험을 구축한다.

Frequently Asked Questions about positive-theme-design

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

FAQPage Schema
How do I build a consistent UI design system for a stock briefing dashboard?

A consistent UI design system for stock briefing dashboards requires predefined tokens for color, typography, spacing, and components. This system provides scalable design tokens and accessibility guidelines consumable by design tools and implementable in code.

What color palette works best for financial dashboards that need dark mode support?

Financial dashboards benefit from a palette using sky blue as primary, golden sunrise as secondary, and mint as an accent. This system provides comprehensive color tokens supporting light and dark modes to ensure visual consistency across multiple screen sizes.

Can I use these design tokens for stock cards and briefing visuals in both light and dark modes?

Yes, you can use these design tokens for stock cards and briefing visuals across both light and dark modes. The system is specifically applicable to dashboards, stock cards, charts, and briefing visuals, providing tokens that adapt seamlessly across multiple screen sizes.

Does this UI design system include accessibility guidelines for screen readers and keyboard navigation?

Yes, this UI design system includes accessibility guidelines for screen readers and keyboard navigation. It explicitly accounts for color contrast, keyboard exploration, and screen reader compatibility to ensure accessible user experiences across all briefing components.

How do I apply typography and spacing guidelines to financial UI components?

To apply typography and spacing guidelines to financial UI components, you implement the system's predefined tokens into your design tools and codebase. It provides specific typography, spacing, and component patterns to maintain visual consistency across dashboards and briefing screens.