Skillshare UI & Website Style

Skillshare UI & Website Style is a Frontend skill for Claude Code, published by runkids in skillshare.

2.6K stars157 forkson runkids/skillshareAdded 2026/08/18+1% in starsRepository updated 2026/08/10

agenthubaiclaude-codeclicodexcodex-skillscopilotcross-machine-synccursorgeminigoguiopenclawskillsskills-auditskills-managementskills-managerskills-uiskillshareteam-management

Install in seconds

Install Skillshare UI & Website Style

Copy Skillshare UI & Website Style 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/runkids/skillshare/tree/main/.skillshare/skills/skillshare-ui-website-style ~/.claude/skills/skillshare-ui-website-style

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/runkids/skillshare.git

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

In this catalog

Source file: .skillshare/skills/skillshare-ui-website-style/SKILL.md in runkids/skillshare
Installs to: ~/.claude/skills/skillshare-ui-website-style
Collection: One of 11 skills cataloged from this repository
Category: Frontend — 567 skills

What Skillshare UI & Website Style does

Skillshare UI & Website Style enforces the design system across the React dashboard (ui/) and Docusaurus website (website/). Use it when building or modifying dashboard pages, styling website pages, creating React components, or fixing visual bugs to ensure consistency.

Skillshare UI & Website Style is cataloged under Frontend on DirSkills. Skillshare UI & Website Style comes from a repository tagged agenthub, ai, claude-code, cli and codex.

Documentation

README

Excerpt

Enforce the skillshare design system across the two frontends. $ARGUMENTS is the file or area being worked on.

Companion skill: For UX design decisions beyond token/component usage — layout strategy, information hierarchy, interaction patterns, micro-copy, or when designing a new page from scratch — also invoke /ui-ux-pro-max for higher-level design guidance. This skill handles what components and tokens to use; /ui-ux-pro-max handles how to design the experience.

The project has two distinct design systems sharing semantic color names but with different visual treatments:

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

Commands Skillshare UI & Website Style provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/ui-ux-pro-max
/pill

Frequently asked about Skillshare UI & Website Style

What else does runkids publish alongside Skillshare UI & Website Style?
Skillshare UI & Website Style is one of 11 skills that DirSkills catalogs from runkids/skillshare, the repository it ships in. Its siblings there include Changelog Generator, Clean and Implement Feature. Each one is a separate skill with its own page in this directory, installs the same way Skillshare UI & Website Style does, and is maintained by runkids in that same repository. The rest of the collection is listed on the runkids/skillshare page.
How does Skillshare UI & Website Style compare to other Frontend skills?
Skillshare UI & Website Style ranks #196 by stars among the 567 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 Skillshare UI & Website Style against them. Open each page to compare what they document and how they install.