back
loading skill details...
Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding…
Paperclip Design Guide Paperclip's UI is a professional-grade control plane — dense, keyboard-driven, dark-themed by default. Every pixel earns its place. Always use with: frontend-design (visual polish) and web-design-guidelines (web best practices). 1. Design Principles Dense but scannable. Maximum information without clicks to reveal. Whitespace separates, not pads. Keyboard-first. Global shortcuts (Cmd+K, C, [, ]). Power users rarely touch the mouse. Contextual, not modal. Inline editing over dialog boxes. Dropdowns over page navigations. Dark theme default. Neutral grays (OKLCH), not pure black. Accent colors for status/priority only. Text is the primary visual element. Component-driven. Prefer reusable components that capture style conventions. Build at the right abstraction — not too granular, not too monolithic. 2. Tech Stack
don't have the plugin yet? install it then click "run inline in claude" again.