extract

Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.

1.04x

Quality

66%

Does it follow best practices?

Impact

99%

1.04x

Average score across 3 eval scenarios

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./archived/legacy-companion/.agents/skills/extract/SKILL.md

Evaluation results

98%

Bring Status Badges into the Design System

Convention-following extraction and migration

Criteria

Without this skill

With this skill

Follows naming convention

100%

Correct directory placement

100%

Matches export pattern

100%

TypeScript types match pattern

100%

Variants cover all usages

100%

All feature usages replaced

100%

Dead code removed

100%

ARIA/accessibility added

80%

Design system docs updated

100%

Build a Design Token Foundation

Design token extraction and hierarchy

Criteria

Without this skill

With this skill

Primitive tokens defined

100%

Semantic tokens defined

100%

Primitive/semantic separation

100%

Token naming hierarchy

90%

100%

Categorical organization

100%

No one-off tokenization

100%

Tokens for repeated values

100%

Token usage documentation

80%

100%

Codebase updated to use tokens

100%

Token file exported

100%

Consolidate the Button Component

Accessible component extraction

Criteria

Without this skill

With this skill

TypeScript props interface

100%

Sensible prop defaults

100%

Multiple variants supported

100%

ARIA attributes

100%

Keyboard / focus handling

100%

Usage documentation

100%

Non-generic props API

100%

Shared/system location

100%

Old implementations replaced

100%

Dead code removed

100%

Repository: The-Vibe-Company/companion
Path: archived/legacy-companion/.agents/skills/extract/SKILL.md
Commit: 90804d3

Evaluated: 6 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Consolidate the Button Component Build a Design Token Foundation Bring Status Badges into the Design System

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.