Skills
.Work. You
Rest

agentic

Community

Delegate design decisions with clear outcomes.

Design & Creative#accessibility#design-system#ui-guidelines#agentic-ui#interaction-states#typography-tokens
AuthorPiercingXX
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The agentic skill turns ambiguous design preferences into consistent, implementation-ready guidance for an Agentic conversational UI, reducing rework and UI drift across teams.

Core Features & Use Cases

  • Design foundations for agentic UI: Defines typography, color tokens, spacing rhythm, and visual hierarchy constraints so teams build consistent interfaces.
  • Component-level rule authoring workflow: Produces repeatable guidance using a structured process (intent → tokens → components/states → accessibility/testing → QA).
  • Accessibility-first specifications: Establishes testable WCAG-oriented requirements, interaction states, and content/tone standards for user-facing experiences.

Quick Start

Ask an AI to generate Agentic design-system rules for a new “primary action” component, following the required output structure and specifying tokenized typography/colors plus default/hover/focus-visible/disabled/loading/error states.

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: agentic
Download link: https://github.com/PiercingXX/xx-stack/archive/main.zip#agentic

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.