dynamate-design-to-code
Version:
A powerful tool for converting Figma designs into high-quality, production-ready code with built-in best practices and customizable rulesets
47 lines (46 loc) • 1.39 kB
TypeScript
export interface RulesetConfig {
projectName: string;
framework: 'react' | 'vue' | 'angular' | 'next' | 'nuxt' | 'svelte' | 'solid' | 'astro' | 'remix' | 'custom';
customFramework?: string;
styling: 'tailwind' | 'css-modules' | 'styled-components' | 'scss' | 'emotion' | 'stitches' | 'vanilla-extract' | 'custom';
customStyling?: string;
componentStructure: 'atomic' | 'feature-based' | 'flat' | 'custom';
customStructure?: string;
projectRoot: string;
conventions: {
naming?: {
components?: boolean;
props?: boolean;
styles?: boolean;
};
structure?: {
imports?: boolean;
exports?: boolean;
types?: boolean;
};
documentation?: {
jsdoc?: boolean;
readme?: boolean;
examples?: boolean;
};
};
}
export interface GeneratedRuleset {
name: string;
rules: Rule[];
examples: {
[key: string]: string;
};
}
interface Rule {
name: string;
description: string;
pattern: string;
severity: 'error' | 'warning' | 'info';
category: 'naming' | 'structure' | 'documentation' | 'styling';
}
/**
* Generates a project-specific ruleset based on configuration
*/
export declare function generateRuleset(config: RulesetConfig): Promise<GeneratedRuleset>;
export {};