rolemodel/rolemodel-skills

17 resources in this repository

🎯17Skills

🎯Skills17

A collection of reusable AI agent skills from RoleModel Software covering BEM CSS methodology, Optics design system, UX laws, usability heuristics, Rails backend patterns, Stimulus/Turbo frontend patterns, and testing with RSpec.

bem-structure

🎯optics-context🎯Skill

Provides guidance on RoleModel's Optics design system, including component classes, design tokens with the --op- prefix, and styling guidelines. Includes component and token reference assets for consistent UI development.

optics-context

🎯laws-of-ux🎯Skill

A UX review skill that guides AI agents in evaluating and improving UI implementations using the 21 Laws of UX, including Fitts's Law, Hick's Law, and Miller's Law.

laws-of-ux

🎯routing-patterns🎯Skill

A skill covering RESTful resource routing, route concerns, and shallow nesting strategies, part of RoleModel's collection of reusable AI agent skills that teach coding agents specific development methodologies and design patterns.

routing-patterns

🎯controller-patterns🎯Skill

Part of RoleModel Skills, a collection of reusable AI agent skills covering CSS/BEM methodology, UX review heuristics, Rails frontend patterns, and design system guidelines, following the Agent Skills open standard.

controller-patterns

🎯stimulus-controllers🎯Skill

Part of RoleModel Skills, a collection of reusable AI agent skills covering CSS/BEM methodology, the Optics design system, UX review heuristics, and Rails frontend patterns including Stimulus and Turbo Streams.

stimulus-controllers

🎯turbo-fetch🎯Skill

A Rails frontend skill from RoleModel Software that provides guidance on dynamic form updates using Turbo Streams and Stimulus. Covers cascading dropdowns, conditional fields, and dynamic option lists for interactive Rails applications.

turbo-fetch

🎯testing-patterns🎯Skill

Part of RoleModel's reusable AI agent skill collection covering CSS design systems with BEM and Optics, UX review using Laws of UX and Nielsen's heuristics, Rails frontend and backend patterns with Stimulus and Turbo, testing workflows, and development best practices.

testing-patterns

🎯frontend-patterns🎯Skill

A collection of reusable AI agent skills for applying specific methodologies, design systems, and development patterns. Covers CSS/BEM methodology, the Optics design system, UX review heuristics (Laws of UX, Nielsen heuristics), and Rails frontend patterns including ActionCable and Turbo Streams.

frontend-patterns

🎯action-cable🎯Skill

Part of the RoleModel skills collection providing reusable AI agent instructions for Rails development patterns including ActionCable, Stimulus controllers, Turbo Streams, BEM CSS methodology, and UX heuristics review.

action-cable

🎯json-typed-attributes🎯Skill

A collection of reusable AI agent skills from RoleModel Software covering CSS/BEM methodology, the Optics design system, UX review heuristics, Rails frontend patterns with Hotwire/Turbo, and Ruby on Rails backend conventions.

json-typed-attributes

🎯dynamic-nested-attributes🎯Skill

A collection of reusable AI agent skills from RoleModel Software covering CSS/BEM methodology, the Optics design system, UX review heuristics (Laws of UX, Nielsen's heuristics), Rails frontend patterns with Turbo/Stimulus, and testing practices.

dynamic-nested-attributes

🎯form-auto-save🎯Skill

Part of RoleModel Skills, a collection of reusable AI agent skills covering CSS/design systems (BEM, Optics), UX review (Nielsen's heuristics, Laws of UX), Rails frontend (Stimulus, Turbo Streams), and Rails backend patterns for Claude Code and GitHub Copilot.

form-auto-save

🎯usability-heuristics🎯Skill

Skill

usability-heuristics

🎯theming-context🎯Skill

Skill

theming-context

🎯ai-ux-enhancements🎯Skill

Skill

ai-ux-enhancements

🎯brave-breakdown🎯Skill

Skill

brave-breakdown

Back to Home