skills.rest
adamway
adamwayCOMMUNITY
Explore all skills by this author →
GitHub

policyhub-design

Define React and Tailwind CSS design tokens and component patterns for PolicyHub.

Updated Aug 27, 2026
Search Tags:#react#design system#tailwind#UI components#visual language#policy platform
One-click install
npx skills add https://github.com/adamway/thoughts-cli --skill policyhub-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: policyhub-design
Source: https://github.com/adamway/thoughts-cli/tree/main/.claude/skills/policyhub-design
Command: npx skills add https://github.com/adamway/thoughts-cli --skill policyhub-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of maintaining a consistent visual language across all UI elements in the PolicyHub platform, ensuring cohesive and compliant design implementation.

Core Features & Use Cases

  • Design System Enforcement: Provides guidelines and reusable component patterns for React + Tailwind CSS, Radix, and shadcn components.
  • Visual Language Consistency: Ensures that all UI components adhere to the target design specifications derived from Figma exports, including color schemes, spacing, and typography.
  • Use Case: When creating new pages or components, developers reference this Skill to align with the official design principles, ensuring a unified appearance across the application.

Quick Start

Use this Skill to review the design tokens and component patterns before developing or updating UI components for PolicyHub.

Frequently Asked Questions about policyhub-design

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

FAQPage Schema
How do I maintain visual consistency for React and Tailwind CSS components in a policy platform?▼

To maintain visual consistency for React and Tailwind CSS components, reference a comprehensive design system that defines color tokens, spacing, typography, and component patterns derived from Figma exports.

Can I use shadcn and Radix components with this design system reference?▼

Yes, the design system reference provides guidelines and reusable component patterns specifically built for React, Tailwind CSS, Radix, and shadcn components used within the PolicyHub platform.

What design tokens are included for building insurance platform UI components?▼

The design tokens included for building insurance platform UI components cover color schemes, spacing rules, and typography specifications, ensuring all visual elements adhere to the target design language.

When do I need to review the design system before developing UI components?▼

You need to review the design system before creating new pages or updating UI components, ensuring developers align with official design principles for a unified application appearance.

Does the design system enforce compliance for visual language across the application?▼

Yes, the design system enforces compliance by providing reusable component patterns and target specifications that ensure cohesive and compliant visual language implementation across all UI elements.

Are there limitations when using this design system for platforms outside of PolicyHub?▼

The design system is specifically tailored for the PolicyHub insurance platform, meaning its color tokens, spacing, and component patterns may not directly translate to other platforms without adjustments.

Related Skills

Explore More Design & Creative Skills→
Mischio95Mischio95
1

shadcn-ui

Set up shadcn/ui components and forms with React Hook Form and Zod.

Community
Advanced
anis-marrouchianis-marrouchi

motion-animation

Integrate Framer Motion with Remotion for frame-synced animations.

Community
Intermediate
MajesteitBartMajesteitBart
2

shadcn-ui-expert

Build accessible React UI components with shadcn-ui, Tailwind CSS, and Radix UI.

Community
Intermediate
danzam98danzam98
1

stripe-level-ui

Create polished UI components in Next.js, React, and Tailwind projects.

Community
Advanced