styleframe.dev
Official@styleframe-dev
Write composable, type-safe, future-proof Design Systems code using styleframe's powerful TypeScript CSS API.
Agent Skills by styleframe.dev
Showing 7 vetted skills indexed across 1 GitHub repositories.
styleframe-devimplement-recipe
Convert design.md files into TypeScript recipe implementations, barrel indices, and tests.
styleframe-devdesign-recipe
Classify Styleframe component recipes into color and variant patterns with user-approved design documentation.
styleframe-devresearch-component
Research UI component variants and patterns across specified library pages.
styleframe-devcreate-recipe
Orchestrate six sub-skills to create Styleframe recipes with tests, Storybook, and docs.
styleframe-devverify-recipe
Execute type checks, tests, and linting to verify Styleframe recipes.
styleframe-devdocument-recipe
Automate Styleframe recipe documentation via pattern extraction, source analysis, draft, and conformance check.
styleframe-devshowcase-recipe
Generate Storybook showcases and Vue components from design.md and implementation.md.
Frequently Asked Questions About styleframe.dev
FAQPage SchemaWhat specific tasks does Styleframe enable for frontend developers?▼
Styleframe enables the conversion of design.md files into type-safe TypeScript recipes, barrel indices, and unit tests. It further facilitates the generation of Storybook showcases and Vue components, ensuring that design documentation remains synchronized with the underlying implementation through pattern extraction and conformance checks.
Which technical personas benefit most from using Styleframe?▼
Frontend engineers, design system architects, and UI developers benefit from Styleframe. It is specifically designed for teams maintaining complex component libraries who require strict type safety, consistent variant patterns, and synchronized documentation across their design and development environments.
What are the primary prerequisites for implementing Styleframe recipes?▼
Implementation requires existing design.md documentation defining component patterns and variants. Developers must have a TypeScript environment configured to support the Styleframe recipe structure, alongside Storybook for component visualization and standard linting configurations to satisfy the verification and conformance check requirements.