Provide design principles, component standards, and composition patterns for Paperclip's frontend UI.
npx skills add https://github.com/o9nn/entelechorg --skill design-guide-o9nn
Please help me install this Agent Skill. Skill: design-guide Source: https://github.com/o9nn/entelechorg/tree/main/.claude/skills/design-guide Command: npx skills add https://github.com/o9nn/entelechorg --skill design-guide-o9nn
This Skill provides comprehensive guidance on UI design principles, tokens, and component standards to ensure a cohesive and accessible user interface across Paperclip's frontend.
Consult this skill to understand the core design rules before creating or modifying UI components.
High-intent search queries and answers about installing and using this skill.
To establish consistent UI component standards for a React frontend, apply detailed design principles, reusable composition patterns, and standardized tokens to ensure visual cohesion and accessibility across your application.
For building dark mode interfaces, use established color tokens and component variants detailed within your design system to maintain visual consistency, accessibility, and proper contrast across the user interface.
Create reusable React components by following domain-aligned composition patterns and layout systems, enforcing adherence to established tokens to ensure strict design consistency and accessibility.
Yes, you can use Tailwind with React to enforce design tokens and UI consistency by applying predefined color tokens, component variants, and layout systems that align with your frontend component standards.
Best practices for designing dense, keyboard-first interfaces include adhering to established layout systems, standardized interactive patterns, and dark-themed design tokens to ensure accessibility and efficient user interaction.
You need a living documentation reference for frontend UI development when creating or modifying UI components, serving as the authoritative guide to implement and extend the design system in new features.
windyskyGuide React 19, Next.js 16, and Vue 3.5 frontend architecture with reusable components.
staruhubAnalyze UI design screenshots to generate React TypeScript components with Tailwind CSS.
MinhHoangDonoStyle React interfaces with shadcn/ui and Tailwind CSS using token-driven theming.
tiantangcao1980-webIntegrate headless MUI primitives into custom React design systems.
