skills.rest
artivilla
artivillaCOMMUNITY
Explore all skills by this author →
Website𝕏@artivillaGitHub

interfaces-raunofreiberg

Compare UI code against Rauno Freiberg's interface guidelines to identify deviations.

Updated Feb 2, 2026
Search Tags:#typography#accessibility#usability#motion#design-guidelines#ui-review#rauno-freiberg
One-click install
npx skills add https://github.com/artivilla/agents-config --skill interfaces-raunofreiberg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: interfaces-raunofreiberg
Source: https://github.com/artivilla/agents-config/tree/main/skills/interfaces-raunofreiberg
Command: npx skills add https://github.com/artivilla/agents-config --skill interfaces-raunofreiberg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviewers need to ensure UI code aligns with Rauno Freiberg's interface guidelines to improve accessibility and usability, reducing design debt and inconsistent experiences.

Core Features & Use Cases

  • Provides a comprehensive checklist for interactivity, typography, motion, touch, optimizations, accessibility, and design details.
  • Useful for QA teams and designers to audit code against Rauno Freiberg's standards and generate actionable feedback for developers.
  • Use case: run a targeted review on a specific UI component or page to surface deviations from the guidelines.

Quick Start

Analyze a sample component or file with the Rauno Freiberg UI guidelines and produce a focused review.

Frequently Asked Questions about interfaces-raunofreiberg

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI code against Rauno Freiberg's interface guidelines?▼

To audit UI code against Rauno Freiberg's interface guidelines, submit your component or page code for analysis. The Skill compares your code against principles for interactivity, typography, motion, touch, accessibility, and design details.

What is the best way to review web project components for accessibility and usability deviations?▼

The best way to review web project components for accessibility and usability deviations is to compare them against established design guidelines. This Skill surfaces inconsistencies in typography, motion, and touch interactions to reduce design debt.

Can I generate actionable feedback for developers from a UI code review?▼

Yes, you can generate actionable feedback for developers from a UI code review. The Skill produces structured notes that highlight specific deviations and provide alignment fixes based on Rauno Freiberg's design principles.

Does this UI review cover motion, touch, and optimization standards?▼

Yes, this UI review covers motion, touch, and optimization standards. The Skill applies a comprehensive checklist across interactivity, typography, accessibility, and design details to ensure your web project aligns with Rauno Freiberg's interface guidelines.

How do I run a targeted UI review on a specific page or component?▼

To run a targeted UI review on a specific page or component, provide the sample code file to the Skill. It will analyze the code and output a focused review identifying deviations from Rauno Freiberg's interface guidelines.

Related Skills

Explore More Design & Creative Skills→
baotoqbaotoq

design-web-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Basic
adrianliechtiadrianliechti
4

design-critique

Identify usability, visual hierarchy, and accessibility issues in designs from Figma URLs, screenshots, or descriptions.

Community
Intermediate
hiro0218hiro0218
8

interface-review

Assess web interface implementations across interactivity, typography, motion, touch, performance, accessibility, and UX.

Community
Advanced
WD-CHINAWD-CHINA

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Community
Intermediate