skills.rest
ankaboot-source
ankaboot-sourceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

bergside-design-systems

Catalogs 67 design system aesthetics and pulls specific style guides via the typeui.sh CLI.

2|Updated Jul 25, 2026
Search Tags:#typography#design system#design tokens#brutalism#ui design#glassmorphism#typeui
One-click install
npx skills add https://github.com/ankaboot-source/boucle --skill bergside-design-systems-ankaboot-source
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bergside-design-systems
Source: https://github.com/ankaboot-source/boucle/tree/main/.jcode/skills/bergside-design-systems
Command: npx skills add https://github.com/ankaboot-source/boucle --skill bergside-design-systems-ankaboot-source

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Choosing and applying a consistent visual aesthetic for a UI project requires hunting down design tokens, typography scales, and component rules. This Skill provides a single catalog of 67 opinionated design systems so you can discover an aesthetic and fetch its full SKILL.md and DESIGN.md guidance on demand. ## Core Features & Use Cases - Design System Discovery: Browse 67 categorized aesthetics including brutalism, glassmorphism, claymorphism, editorial, retro, neon, and skeumorphism via the bundled index.json. - On-Demand Style Fetching: Pull the complete SKILL.md and DESIGN.md for any aesthetic at runtime using the typeui.sh CLI. - Concrete Design Tokens: Each fetched design system includes color palettes, typography scales, spacing scales, accessibility rules, and component guidance. - Use Case: You are building a landing page and want a neobrutalist look. Load this catalog, identify the neobrutalism slug, and pull its full design system to get implementation-ready tokens and component rules. ## Quick Start Load this skill, read the index.json to pick an aesthetic slug such as brutalism, then run npx typeui.sh pull brutalism to fetch its design system files.

Frequently Asked Questions about bergside-design-systems

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I pull a design system with typeui.sh?▼

Run npx typeui.sh pull <slug> where the slug is an aesthetic name like brutalism or glassmorphism. This fetches the SKILL.md and DESIGN.md files for that style into your project. The CLI also supports -p cursor,claude flags and --dry-run.

What design aesthetics are available in this catalog?▼

The catalog includes 67 aesthetics grouped into categories: bold styles like brutalism and neon, minimal styles like clean and flat, textured styles like glassmorphism and claymorphism, retro styles like sega and tetris, and brand styles like shadcn and bento.

What does a fetched design system contain?▼

Each design system includes a SKILL.md with style foundations, accessibility rules, and component guidance, plus a DESIGN.md with concrete tokens for colors, typography, spacing, and border radii. An example for brutalism is included in the examples directory.

Can I list available design systems before pulling one?▼

Yes, run npx typeui.sh list to see available options, or read the index.json file bundled with this skill which maps every slug to its skill and design file paths.

What license covers these design system skills?▼

The design systems come from bergside/awesome-design-skills under the MIT license, copyright Bergside 2026. Attribution details are documented in the NOTICE.md file included with the catalog.

Related Skills

Explore More Design & Creative Skills→
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate
MORTAKI0MORTAKI0

frontend-ui-system

Standardize React UI development with reusable components and design tokens.

Community
Intermediate
ryan0122ryan0122

design-system

Validate design system tokens against WCAG AA/AAA contrast and focus requirements.

Community
Advanced
NoobyGainsNoobyGains
78

design-integration

Detect a project's design system and enforce its conventions for new UI components.

Community
Advanced