Azion Technologies
Official@aziontech
Build, secure, and scale applications everywhere
Agent Skills by Azion Technologies
Showing 13 vetted skills indexed across 2 GitHub repositories.
storybook-add-component
Create standardized Storybook stories for Vue components with autodocs and build validation.
storybook-update-component
Update Vue Storybook stories to reflect component prop, slot, and event changes.
storybook-write
Generate canonical Storybook CSF3 story files for Azion Webkit Vue components.
structure-decide
Determine monolithic or composition structure for UI components from spec requirements.
token-map
Map Figma token JSON variables to DESIGN.md semantic tokens and classes.
component-scaffold
Convert approved component specs into Vue scaffolds with package wiring.
figma-discover
Convert a Figma frame URL or nodeId into a single JSON blob of variables, regions, and states.
spec-validate
Validate component specification files against JSON schema and structural rules.
spec-create
Draft a .specs/<name>.md file for a new webkit component.
validate-component
Run pnpm lint, type-check, type-coverage, dts build, and Storybook build checks on Vue components.
echo-report
Diff generated Vue components, stories, and Figma mappings against written specs.
reuse-audit
Detect existing composables and utilities in the webkit monorepo.
code-connect-write
Generate Figma-to-Vue Code Connect mapping files from variants and slots.
Frequently Asked Questions About Azion Technologies
FAQPage SchemaWhat 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.