skills.rest
rayriffyrayriffyCommunity·4 Agent Skills Included

rayriffy-h

Frontend UI design, styling, icons, and accessibility audits

Builds distinctive, production-grade web interfaces with bold typography, cohesive themes, and polished animations. Applies DaisyUI components, suggests verified Lucide icons, and audits UI code against web interface guidelines. Eliminates generic layouts and manual icon hunting so frontend work ships faster with consistent quality.
127|21
↗
npx skills add rayriffy/rayriffy-h --all -g -y

All Skills in This Repository (4)

Pure Emerald Level Indicators
📦 In Repo
rayriffyrayriffy

daisyui

Provide semantic class names and Tailwind CSS components with themes.

Community
Advanced
📦 In Repo
rayriffyrayriffy

web-design-guidelines

Compare UI files against Web Interface Guidelines to report compliance violations.

Community
Intermediate
📦 In Repo
rayriffyrayriffy

suggest-lucide-icons

Identify and verify Lucide icons for a given concept via unpkg SVG URLs.

Community
Intermediate
📦 In Repo
rayriffyrayriffy

frontend-design

Design production-grade frontend interfaces and components with HTML, CSS, JS, React, or Vue.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install rayriffy-h?▼

Run `npx skills add rayriffy/rayriffy-h --all -g -y` in your terminal to install all skills in this collection globally.

How to build better-looking web interfaces?▼

The frontend-design skill guides creation of distinctive, production-grade pages and components with strong typography, color, and motion instead of generic layouts.

How to find the right Lucide icon for a UI?▼

The suggest-lucide-icons skill brainstorms candidates for your concept and verifies each one against the live Lucide library before recommending the best fit.

How to audit UI code for accessibility and best practices?▼

The web-design-guidelines skill reviews your files against the latest Web Interface Guidelines and reports issues in a concise file-and-line format.

Do these skills work with Tailwind CSS projects?▼

Yes. The daisyui skill provides ready-made Tailwind component patterns with themes and dark mode that work in React, Vue, Svelte, or plain HTML.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills