Azion Technologies avatar

Azion Technologies

Official

@aziontech

0Followers
|
55Public Repos
|
13Published Skills

Build, secure, and scale applications everywhere

Skills Distribution
DomainUI/UX & Crea...Design-to-Code Syn.. (35%)Component Architec.. (35%)Quality Assurance .. (30%)

Agent Skills by Azion Technologies

Showing 13 vetted skills indexed across 2 GitHub repositories.

aziontechaziontech
22

storybook-add-component

Create standardized Storybook stories for Vue components with autodocs and build validation.

Official
Advanced
aziontechaziontech
22

storybook-update-component

Update Vue Storybook stories to reflect component prop, slot, and event changes.

Official
Advanced
aziontechaziontech
2

storybook-write

Generate canonical Storybook CSF3 story files for Azion Webkit Vue components.

Official
Advanced
aziontechaziontech
2

structure-decide

Determine monolithic or composition structure for UI components from spec requirements.

Official
Basic
aziontechaziontech
2

token-map

Map Figma token JSON variables to DESIGN.md semantic tokens and classes.

Official
Intermediate
aziontechaziontech
2

component-scaffold

Convert approved component specs into Vue scaffolds with package wiring.

Official
Advanced
aziontechaziontech
2

figma-discover

Convert a Figma frame URL or nodeId into a single JSON blob of variables, regions, and states.

Official
Intermediate
aziontechaziontech
2

spec-validate

Validate component specification files against JSON schema and structural rules.

Official
Advanced
aziontechaziontech
2

spec-create

Draft a .specs/<name>.md file for a new webkit component.

Official
Advanced
aziontechaziontech
2

validate-component

Run pnpm lint, type-check, type-coverage, dts build, and Storybook build checks on Vue components.

Official
Intermediate
aziontechaziontech
2

echo-report

Diff generated Vue components, stories, and Figma mappings against written specs.

Official
Advanced
aziontechaziontech
2

reuse-audit

Detect existing composables and utilities in the webkit monorepo.

Official
Intermediate
aziontechaziontech
2

code-connect-write

Generate Figma-to-Vue Code Connect mapping files from variants and slots.

Official
Intermediate

Frequently Asked Questions About Azion Technologies

FAQPage Schema
What specific tasks can engineers perform using these capabilities?

Engineers can convert Figma frames into structured JSON, scaffold Vue components from specifications, generate Storybook documentation, and validate code against design tokens. These capabilities ensure consistency between design intent and implementation by mapping variables, slots, and variants directly into the codebase.

Which personas benefit most from these technical capabilities?

Frontend engineers, design system architects, and UI developers working within Vue-based monorepos benefit most. These capabilities are designed for teams requiring strict adherence to design specifications, rapid component scaffolding, and automated validation of interface code against established design system standards.

What are the prerequisites for implementing these component management capabilities?

Implementation requires a Vue-based project structure, an active Figma design system, and a defined directory for component specifications. Users must have a configured environment capable of running linting, type-checking, and Storybook build processes to support the validation and reporting functions provided by the registry.