Define Paperclip UI design standards for layout, color, typography, and components.
npx skills add https://github.com/jtangir87/paperclip --skill design-guide-jtangir87
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/jtangir87/paperclip/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/jtangir87/paperclip --skill design-guide-jtangir87
This Skill provides a detailed guide to maintaining a cohesive and professional UI design language across the Paperclip platform, ensuring visual consistency and usability.
Follow the design guidelines when creating or modifying UI components to ensure consistency with the Paperclip aesthetic and usability standards.
High-intent search queries and answers about installing and using this skill.
To establish consistent UI design standards in React and Tailwind CSS, apply a comprehensive design system defining layout, color, typography, and component tokens to ensure visual consistency across your interface.
For building dense, keyboard-first interfaces, follow design philosophies that prioritize dark theme defaults and efficient interaction patterns to maintain a cohesive and professional UI design language.
Use design tokens to maintain visual consistency by mapping standardized styling values directly to your React and Tailwind CSS components to ensure all interface elements adhere to established aesthetic and usability standards.
This UI style guide is specifically tailored for frontend development within the Paperclip platform, addressing its unique component structures and composition patterns to enforce adherence to established visual principles and tokens.
The best way to document reusable component structures and composition patterns is to define them within a comprehensive design system to ensure visual consistency and best practices across all interface elements.
hongmaple0820Generate design-system tokens and handoff documentation for React, Tailwind, and CSS.
Aayush31-AiCreate animations and transitions in React applications using Framer Motion.
gaia-reactEnforce consistent Tailwind CSS utility usage and class merging in React components.
aussiegingersnapCreate a living style-guide template with design tokens for Next.js/React apps.
