About Work Thoughts Claude Skills Contact
View on GitHub

Claude Skills

Ready-to-use Claude skills for design workflows

ai-component-metadata cover
Design System

AI Component Metadata

Generate AI-ready metadata for design system components to enable intelligent UI generation

Install Command

npm 
npx giorris-claude-skills install ai-component-metadata
Download Details
spec-ideation cover
Workflow

Spec Ideation

Structured framework for working with AI through expansion, contraction, and documentation phases

Install Command

npm 
npx giorris-claude-skills install spec-ideation
Download Details
ai-ds-composer cover
Design System

AI DS Composer

Strategic guide for consuming design system metadata to compose components intelligently

Install Command

npm 
npx giorris-claude-skills install ai-ds-composer
Download Details
crazy-8s cover
Workflow

Crazy 8s

Solo rapid ideation method based on Google Design Sprint Crazy 8's exercise. Generates 8 distinct solution ideas in 8 minutes through rapid-fire ideation or sketch documentation.

Install Command

npm 
npx giorris-claude-skills install crazy-8s
Download Details
problem-mapping cover
Workflow

Problem Mapping

Foundational problem framing for design sprints and product strategy. Based on Google Design Sprint 'Understand' phase methodology.

Install Command

npm 
npx giorris-claude-skills install problem-mapping
Download Details
codebase-index cover
Development

Codebase Index

Automatically generates relationship and dependency maps for codebases. Creates JSON indexes of component usage, npm dependencies, data flow, and utility relationships to help AI understand project structure.

Install Command

npm 
npx giorris-claude-skills install codebase-index
Download Details
figma-variables-generator cover
Design System

Figma Variables Generator

Generate JSON files for creating Figma variable collections from text descriptions or design token data. Supports multiple modes, code syntax, variable references, and hierarchical organization.

Install Command

npm 
npx giorris-claude-skills install figma-variables-generator
Download Details

Getting Started

Install skills directly to your project using npx:

npx giorris-claude-skills

Or install a specific skill:

npx giorris-claude-skills install ai-component-metadata