ricoccricoccCommunityยท3 Agent Skills Included

rico-skills

Website design optimization, theme generation, and curated article writing

Optimizes website UI with 20 built-in themes, extracts design systems from any URL, and generates curated resource recommendation articles. Eliminates manual design audits, inconsistent styling, and slow content research through guided step-by-step workflows. Outputs production-ready CSS variables, design tokens, preview pages, and publish-ready Markdown articles with optional screenshots.
npx skills add ricocc/rico-skills --all -g -y

All Skills in This Repository (3)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How 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โ†’