visualize is a skill that stops AI-generated HTML looking agent-made — replacing Inter-and-purple-gradient defaults with on-brand, distinctive output.
AIOpen SourceWeb+1
github.comLoading resources…
ricocc/rico-skills
github.com
A Claude Code skills pack for design-adjacent work: curated resource articles, one-click website theme optimization, and design system document generation.
What is ricocc/rico-skills?
rico-skills bundles three Claude Code skills installable via npx or the plugin marketplace. rico-resource-article generates curated recommendation articles through multi-turn interaction, with front matter and optional screenshots; rico-ui-ux-themes applies one of 20 built-in website themes — from Neo-Brutalist to Linear or Airbnb styles — with natural-language fine-tuning; rico-design-md converts any website into DESIGN.md, DTCG tokens and Tailwind v4 CSS.
Best for
- Claude Code users producing curated content
- Restyling websites with built-in brand themes
- Extracting DESIGN.md and tokens from live sites
Key features
- Curated article generation via multi-turn chat
- 20 built-in themes incl. Linear, Notion, Duolingo
- Natural-language fine-tuning of colors and radii
- Outputs DESIGN.md, DTCG tokens and Tailwind v4 CSS
- Installs with npx skills add or plugin marketplace
Related resources
github.com
An open source supply of generated DESIGN.md style guides for any public domain, shaped from live brand identity and markup via Context.dev.
Design SystemsAIOpen Source
designmd.supply
Visitopens in a new tab
A Claude Code design system skill capturing Nothing's visual language — monochrome, typographic and industrial UI on command.
AIOpen SourceDesign Systems+1
github.com