professional
49bergside/awesome-design-skills
Skill Claude CodeCodex
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
bergside/awesome-design-skills
Skill Claude CodeCodex
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
bergside/awesome-design-skills
Skill Claude CodeCodex
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
bergside/awesome-design-skills
Skill Claude CodeCodex
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
bergside/awesome-design-skills
Skill Claude CodeCodex
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
bergside/awesome-design-skills
Skill Claude CodeCodex
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section.
bergside/awesome-design-skills
Skill Claude CodeCodex
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
bergside/awesome-design-skills
Skill Claude CodeCodex
A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset blocks.
bergside/awesome-design-skills
Skill Claude CodeCodex
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
bergside/awesome-design-skills
Skill Claude CodeCodex
A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.
bergside/awesome-design-skills
Skill Claude CodeCodex
Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
bergside/awesome-design-skills
Skill Claude CodeCodex
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
bergside/awesome-design-skills
Skill Claude CodeCodex
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
Plugin Claude Code
Bergside plugins for Claude Code.
Plugin Claude Code
Connect Claude Code to TypeUI MCP for curated design systems, UI prompts, and layout variations.
MCP server Claude CodeCodexCursor +2
MCP server "typeui", hosted remotely at mcp.typeui.sh, as configured in bergside/typeui.
Skill Claude CodeCodex
Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.
Skill Claude CodeCodex
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility.…
MCP server Claude CodeCodexCursor +2
Design systems, UI prompts, and layout variations for AI coding tools. Remote server at mcp.typeui.sh.
Skill Claude CodeCodex
Use when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and components.