.github

Guide AI agents in creating high-craft user interfaces through domain exploration and design principles.

Updated Dec 28, 2025
One-click install
npx skills add https://github.com/luisfsill/ritmo-frontend --skill github-luisfsill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: .github
Source: https://github.com/luisfsill/ritmo-frontend/tree/main/.github
Command: npx skills add https://github.com/luisfsill/ritmo-frontend --skill github-luisfsill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of generating generic, templated interface designs by focusing on deep product domain exploration and intentional design choices, ensuring interfaces are tailored to specific user needs and contexts.

Core Features & Use Cases

  • Intent-Driven Design: Guides the AI to understand the user, their goals, and the desired feel of the interface before generating any visual elements.
  • Domain Exploration: Requires detailed analysis of the product's world to inform design decisions, moving beyond generic patterns.
  • Craftsmanship Principles: Enforces best practices in typography, navigation, data presentation, and token design to ensure high-quality, non-generic output.
  • Use Case: Designing a dashboard for a new educational app, this Skill would first explore the "classroom" or "learning" domain, define a signature element (e.g., a progress visualization unique to learning), and then build an interface that feels warm and encouraging, rather than cold and corporate.

Quick Start

Explore the domain for a new SaaS dashboard and propose a design direction.

Frequently Asked Questions about .github

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

FAQPage Schema
How do I design a user interface that avoids generic templates?

To design a user interface that avoids generic templates, use an intent-driven approach emphasizing deep product domain exploration and intentional design choices tailored to specific user contexts. This ensures interfaces are uniquely crafted rather than relying on standard patterns.

What is intent-driven UI design and how does it work?

Intent-driven UI design is a process that mandates understanding user goals and the desired interface feel before generating visual elements. It works by requiring detailed analysis of the product domain to inform typography, navigation, and data presentation decisions.

How do I guide an AI agent to create high-craft dashboards?

Guide an AI agent to create high-craft dashboards by enforcing craftsmanship principles in token design, navigation, and data presentation. Define a unique design signature for the product domain before building the interface to ensure a non-generic output.

Does this approach work for designing complex SaaS application interfaces?

Yes, this approach works for designing complex SaaS application interfaces by mandating a structured method for exploring the product domain, defining a unique design signature, and applying rigorous checks to avoid common default patterns.

Why does my generated interface design feel cold and corporate?

Your generated interface design feels cold and corporate because it lacks deep product domain exploration. By defining a unique design signature and exploring the specific domain context, you can create interfaces that feel warm and encouraging instead.