arc-ui-skills
CommunityBuild Arc-inspired interfaces.
Authorihlamury
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides opinionated constraints and guidelines for building user interfaces that are visually consistent with the Arc browser's aesthetic, ensuring a familiar and polished user experience.
Core Features & Use Cases
- Consistent Design Language: Enforces Arc's specific use of light mode, Inter font, and a 4px grid for UI elements.
- Accessibility Compliance: Mandates minimum text contrast ratios for better readability.
- Use Case: When developing a new feature for a web application that needs to match the look and feel of the Arc browser, use this Skill to guide the design and development process, ensuring pixel-perfect accuracy and adherence to Arc's design principles.
Quick Start
Apply Arc's UI design system to build a light-mode interface using Inter font and a 4px grid.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: arc-ui-skills Download link: https://github.com/ihlamury/design-skills/archive/main.zip#arc-ui-skills Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.