sota-frontend-design
CommunityState-of-the-art web design, UI/UX, and motion engineering standards.
Software Engineering#accessibility#UI/UX#CSS#web design#front-end development#motion design#UI auditing
Authormartinholovsky
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides state-of-the-art web design, UI/UX, and motion engineering standards for building and auditing user interfaces. It helps ensure that interfaces meet the highest standards of visual craft, UX, accessibility, motion, and CSS architecture.
Core Features & Use Cases
- Design Standards: Offers comprehensive guidelines for web design, UI/UX, and motion engineering, covering typography, color, spacing, layout, design tokens, component APIs, UX patterns, accessibility, motion design, and responsive CSS.
- Build Mode: Assists in creating UI components, pages, styles, and animations that adhere to the latest standards.
- Audit Mode: Reviews existing UI code, designs, or rendered pages and identifies potential issues and improvements.
- Use Case: When developing a new UI component, use the 'sota-frontend-design' skill to ensure it meets the required standards.
Quick Start
Run the 'sota-frontend-design' skill to review the UI components in your project.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: sota-frontend-design Download link: https://github.com/martinholovsky/SOTA-skills/archive/main.zip#sota-frontend-design 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 620,000+ vetted skills library on demand.