rico-skills
Four Claude Code skills: resource roundup articles, website themes, DESIGN.md from any site and de-AI polishing of Chinese text.
- 274 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- Skills read sites by URL and write files into the project; external requests happen only for screenshots.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/rico-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- Skills read sites by URL and write files into the project; external requests happen only for screenshots.
This is third-party code. Review the repository files before installing.
What it does
rico-skills bundles four independent skills. `rico-resource-article` writes a resource roundup in steps: collecting candidates, confirming the list, three title options, then an article with Front Matter and screenshots. `rico-ui-ux-themes` applies one of twenty themes to a site or builds a theme from a site address. `rico-design-md` turns a site into `DESIGN.md`, `preview.html`, `tokens.json`, `variables.css` and `theme.css` files. `rico-writer` edits Chinese text: it removes template phrases and preserves facts, numbers and the author stance. Screenshots for articles are optional through ScreenshotOne or urlscan.io.
Who it is for. Content makers and front-end developers who write tool roundups, pick site styling and publish Chinese text.
Good fit when
- An article such as "8 best component libraries" is needed with descriptions, links and screenshots.
- A site should quickly take on the look of Linear or Notion without recomputing tokens by hand.
- A DESIGN.md and `tokens.json` with a competitor palette and fonts are required.
- A Chinese post for X or a public account sounds machine-made and needs editing without losing facts.
Not a fit when
- A translation or typo check is needed: `rico-writer` does not trigger on such requests.
- Brand tokens of another site cannot be used in a commercial project.
- English text is required: `rico-writer` applies Chinese punctuation rules.
Example request
rico use Linear style: apply the theme to my page and show which color tokens changed.Limitations
Skills work without setup except screenshots, which need ScreenshotOne or urlscan.io keys in `.rico-skills/.env`. Theming and DESIGN.md read third-party sites, and design rights stay with their owners. `rico-writer` is tuned for Chinese text. The author notes that marketplace installation requires the repository to be published on GitHub. Roundups are built in several steps with your confirmation, and screenshot quality depends on the chosen service and its free quota.
How to disable. Delete the relevant folders from `.claude/skills/` or run `/plugin uninstall` for the marketplace. Screenshot keys live in `.rico-skills/.env`, so delete that file separately.
FAQ
How do I install rico-skills?
Run `npx skills add https://github.com/ricocc/rico-skills`. The alternative is `/plugin marketplace add ricocc/rico-skills` in Claude Code.
Which formats does rico-design-md output?
Five files: `DESIGN.md`, `preview.html`, DTCG `tokens.json`, `variables.css` and a Tailwind v4 `theme.css`. By default `DESIGN.md` and `preview.html` are created.
What does rico-writer forbid?
The skill never invents experience, time spans, numbers or decision thresholds. It removes template contrasts and stock hype, and leaves the opening and ending to the author.
Which themes does rico-ui-ux-themes have?
Twenty ready ones, including Claude, Linear, Notion, Spotify, Airbnb and Duolingo. `rico list themes` shows them all and `rico combine` mixes colors and borders of two themes.
Are keys needed for screenshots?
Only for automatic screenshots in `rico-resource-article`. Copy `.env.example` to `.rico-skills/.env` and add a ScreenshotOne or urlscan.io key; everything else works without setup.
Discussion
No questions or reviews yet.
Related
SkillsNine curated skills for content and integrations: Xiaohongshu, video storyboards, Orchard, Chatwoot and copyright filings.
A set of 25 skills for Codex and Claude Code: articles, research, Remotion video, interfaces, GitHub and pre-release verification
15 skills for Codex that cover Xiaohongshu content from account research and topic choice to title, draft and pre-publish QA
SEO article writer skill with images
SEO Article Writer
A 10-stage Claude Code pipeline: Wordstat semantics, top-5 competitor analysis, AI cover and illustrations, publishing to WordPress, Dzen and Prisma Blog
Fourteen skills for media content: articles in five styles, comics, 20 illustration styles, PPT, podcasts and Remotion video.
Skills for Claude Code and Codex: viral content analysis, covers, slides, WeChat formatting and self-portraits.
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| rico-skills (this card) | no | 274 | |
| DESIGN.md | no | 9 | Describes the DESIGN.md format; rico-design-md builds such files from a live site and converts tokens |
| Humanizer-zh | no | 22,682 | Only cleans Chinese text; rico-skills adds roundups, site themes and DESIGN.md |
README in short
The repository ships four Claude Code skills and describes the triggers, sample requests and output of each. Detailed guides sit in the `guides` folder. They install through `npx skills add` or the plugin marketplace.