Home / Skills / frontend-design-deslop

frontend-design-deslop

Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce, decks, docs, portfolios, avoiding the AI-slop / Claude-esque default look. Use whenever building or styling any web frontend, app, dashboard, landing page, deck, or artifact, or when the user says "make it not look like AI", "de-slopify", "deslop", "less generic", "give it character", "design a UI for X", "design an app", "update DESIGN.md", or complains the output looks like every other AI site. Tr

ScannedSkillSource: Gemini CLI extensions gallery

232 stars +2 this week Updated 1mo ago License MIT Context ≈156 tokens always loaded

57popular

Why this score

Stars

10/35

Usage (forks)

2/15

Upkeep

20/25

License

15/15

Owner history

10/10

This repo hosts 10 skills, so its 232 stars are split between them (about 23 each) for scoring.

Popularity score: 57/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank

Security

Scanned Oct 20, 2026 at commit 123cb155f5ab, with Cisco's open-source skill-scanner.

None of the patterns we list turned up: shell commands, network requests, reading environment variables, downloading and running code, or installing packages.

A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan

Alternatives

Other makers' add-ons that do the same job, next to this one.

Name	Score	Stars	Context	Updated
This onefrontend-design-deslop samber/cc-skills · Skill	57	★ 232	≈156 always	1mo ago
frontend-design netease-youdao/LobsterAI · Skill Same job: frontend	79	★ 6.1k	≈104 always	16d ago
deslop jaredpalmer/kev · Skill Both about deslop and slop	79	★ 9.3k	≈15 always	19d ago
story-deslop zenstory-ai/oh-story-claudecode · Skill Both about deslop	75	★ 7.8k	≈26 always	18d ago
frontend-design-review microsoft/skills · Skill Same job: frontend	74	★ 3.1k	≈36 always	18d ago
frontend-design-system oikon48/cc-frontend-skills · Skill Same job: frontend	51	★ 69	≈39 always	11mo ago

Install

mkdir -p .claude/skills/frontend-design-deslop

curl -sL https://codeload.github.com/samber/cc-skills/tar.gz/123cb155f5ab5751fc13c8027fbfa5eb0d3773c6 | tar -xz -C .claude/skills/frontend-design-deslop --strip-components=3 "cc-skills-123cb155f5ab5751fc13c8027fbfa5eb0d3773c6/skills/frontend-design-deslop"

To remove it later:

rm -rf .claude/skills/frontend-design-deslop

npx skills add samber/cc-skills --skill frontend-design-deslop

gemini extensions install https://github.com/samber/cc-skills --ref=123cb155f5ab5751fc13c8027fbfa5eb0d3773c6

Pinned to commit 123cb155f5ab as listed by Gemini CLI extensions gallery.

Context cost: ≈156 tokens loaded every session (name and description), plus ≈4.9k tokens when the skill is used.

The Claude Code command downloads this skill folder at the pinned commit into .claude/skills/. The Skills CLI (npx skills) works with many agents but can't pin a version, so it installs whatever is current.

Used for

Engineering › Frontend Data & analytics › Analytics & dashboards Design › UI design Design › Accessibility Marketing › Content & copywriting Finance › Trading & investing E-commerce SaaS & startups

Facts

Repo: samber/cc-skills
Stars: 232
Forks: 18
Last push: 2026-10-01 (1mo ago)
License: MIT
Owner: samber · since 2012
Language: CSS
Works with: Claude Code, Skills CLI, Gemini CLI