Frontend Design Deslop

Frontend Design Deslop is a Frontend skill for Claude Code, published by samber in cc-skills.

201 stars15 forkson samber/cc-skillsAdded 2026/09/05+1% in starsRepository updated 2026/09/05

agentagent-skillsaiantigravityclaudeclaude-codecodecodexcodingcopilotcursorgeminigemini-cli-extensionopenclawopencodepluginskillsskillsmpvibe-coding

Install in seconds

Install Frontend Design Deslop

Copy Frontend Design Deslop into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/samber/cc-skills/tree/main/skills/frontend-design-deslop ~/.claude/skills/frontend-design-deslop

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/samber/cc-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/frontend-design-deslop/SKILL.md in samber/cc-skills
Installs to: ~/.claude/skills/frontend-design-deslop
Collection: One of 21 skills cataloged from this repository
Category: Frontend — 653 skills

What Frontend Design Deslop does

Frontend Design Deslop designs distinctive web UIs with typography, color tokens, layout, motion, and accessibility to avoid generic AI-generated interfaces. Use it when building or restyling landing pages, apps, dashboards, decks, docs, or other frontends.

Frontend Design Deslop is cataloged under Frontend on DirSkills. Frontend Design Deslop comes from a repository tagged agent, agent-skills, ai, antigravity and claude.

Documentation

README

Excerpt

Questions: Ask the user through the environment's question tool — never as plain-text prose. One question at a time, 2–4 tappable options, wait for the answer. If the environment has no question tool, ask in prose with the same options, one at a time.

frontend design deslop

AI-generated UI looks generic for two reasons:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Frontend Design Deslop

What else does samber publish alongside Frontend Design Deslop?
Frontend Design Deslop is one of 21 skills that DirSkills catalogs from samber/cc-skills, the repository it ships in. Its siblings there include ASD-STE100 Humanizer, CRXJS and Chrome Extension Development. Each one is a separate skill with its own page in this directory, installs the same way Frontend Design Deslop does, and is maintained by samber in that same repository. The rest of the collection is listed on the samber/cc-skills page.
How does Frontend Design Deslop compare to other Frontend skills?
Frontend Design Deslop ranks #605 by stars among the 653 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Frontend Design Deslop against them. Open each page to compare what they document and how they install.