skills.rest
bharthraj1412
bharthraj1412COMMUNITY
Explore all skills by this author →
GitHub

design-guide

Coordinate the creation of UI components and ensure consistent styling across Paperclip projects with this design system reference guide.

Updated Apr 9, 2026
Search Tags:#typography#design#ui#frontend#tokens#design-system
One-click install
npx skills add https://github.com/bharthraj1412/aria-v2-god-mode --skill design-guide-bharthraj1412
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-guide
Source: https://github.com/bharthraj1412/aria-v2-god-mode/tree/main/paperclip-master/paperclip-master/.claude/skills/design-guide
Command: npx skills add https://github.com/bharthraj1412/aria-v2-god-mode --skill design-guide-bharthraj1412

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Paperclip's UI design system guide provides a single source of truth for building consistent frontend components, ensuring visual coherence and faster development.

Core Features & Use Cases

  • Central design tokens, typography, and component patterns that align with the Paperclip UI language.
  • Guidance for creating new UI elements, pages, styling, and design decisions across frontend projects.
  • Use Case: A designer references this guide to implement a new dashboard widget with consistent typography, tokens, and component composition.

Quick Start

Open the Design Guide and implement a new UI page using the documented tokens and components.

Frequently Asked Questions about design-guide

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

FAQPage Schema
How do I standardize UI design tokens across frontend projects?▼

To standardize UI design tokens, apply a centralized guide defining typography, composition patterns, and token usage to ensure visual consistency. This provides a single source of truth for building coherent frontend components.

What is the best way to maintain visual consistency when creating new UI components?▼

The best way to maintain visual consistency is referencing central design tokens, typography, and component composition patterns aligned with your UI language. This ensures new UI elements match existing frontend design decisions.

How do I implement a new dashboard widget using standardized typography and design tokens?▼

Implement a new dashboard widget by opening the design guide and applying the documented tokens, typography, and component patterns. This ensures the new UI element aligns with the established frontend design system.

Does this design system guide work for both designers and developers?▼

Yes, the design system guide defines standards for tokens, typography, and composition patterns to be followed by both developers and designers. It bridges the gap by providing usage guidance for frontend projects.

Can I use this guide to define standards for new frontend pages and styling?▼

Yes, you can use this guide to define standards for creating new UI elements, pages, and styling decisions. It provides the necessary design decisions and composition patterns for frontend projects.

Related Skills

Explore More Design & Creative Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
joshua3403joshua3403

phase-5-design-system

Create a platform-agnostic design system with token definitions and component scaffolding.

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
IsthisreelIsthisreel

Brand Design System

Enforce design tokens for color, typography, and spacing across UI components.

Community
Advanced