Skills
.Work. You
Rest

presentations-ui-design

Community

Design cohesive UI components and presentations.

Design & Creative#design#presentations#ui#accessibility#components#tokens#design-systems
Authorbereniketech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Teams designing UI components and presentations often drift between visuals, tokens, and implementation. This skill unifies component design with token-driven design systems and browser-based presentations to streamline delivery.

Core Features & Use Cases

  • Token-auditing and alignment for colors, typography, spacing, and radii to ensure consistent visuals across components and slides.
  • Component-first approach: primitives, molecules, and organisms that can be composed into layouts and presentation decks.
  • Responsive, accessible browser-based presentations and HTML slides suitable for pitches, tutorials, and design reviews.
  • Guidance for integrating existing libraries (e.g., shadcn/ui) and best practices for tokens, accessibility, and keyboard navigation.

Quick Start

Audit tokens, build a small component tree, and render a slide deck following the guidelines in this skill.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: presentations-ui-design
Download link: https://github.com/bereniketech/claude_kit/archive/main.zip#presentations-ui-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.