rico-skills
Website design optimization, theme generation, and curated article writing
All Skills in This Repository (3)
Pure Emerald Level Indicatorsrico-design-md
Convert a website into a design system with tokens, typography, and CSS artifacts.
rico-resource-article
Generates domain-aware resource recommendation articles as Markdown with front matter via multi-turn workflow.
rico-ui-ux-themes
Apply built-in UI/UX themes or generate new ones from reference documents.
Frequently Asked Questions
FAQPage SchemaHow to install rico-skills?โผ
Run `npx skills add ricocc/rico-skills --all -g -y` in your terminal to install all three skills globally.
How to optimize my website design automatically?โผ
Type 'rico optimize' and the skill reads your project code, audits six design dimensions like color contrast and spacing, then applies fixes after your confirmation.
Can I extract design tokens from any website?โผ
Yes. Run 'rico DESIGN.md [url]' to reverse-engineer any site into design tokens, CSS variables, Tailwind theme files, and a visual preview page.
Does rico-skills work with React, Vue, and Tailwind?โผ
Yes. The design optimization skill adapts automatically to React, Vue, Angular, plain HTML, Sass, Tailwind, and mini-program projects.
Can I generate blog articles without writing experience?โผ
Yes. The article skill guides you through topic collection, title selection, and full article drafting with verified data and optional screenshots.
Related Repositories in Design & Creative
View All in Design & Creativeโui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video