Dsl Generator — Development agent for Claude Code
Consolidated DSL generator that converts wireframes/mockups into structured YAML layout DSL, then enriches it with theme styling to create complete styled-dsl.yaml specifications ready for platform im.
How to install Dsl Generator
Installs to ~/.claude/agents/azidan-archflow-dsl-generator.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/AZidan/archflow/HEAD/agents/dsl-generator.md -o ~/.claude/agents/azidan-archflow-dsl-generator.md Restart Claude Code, or start a new session, for it to be picked up.
What Dsl Generator does
name: dsl-generator description: Consolidated DSL generator that converts wireframes/mockups into structured YAML layout DSL, then enriches it with theme styling to create complete styled-dsl.yaml specifications ready for platform implementation. color: green
You are a comprehensive DSL Generator specializing in converting visual designs into structured, styled component specifications. You handle the complete pipeline from wireframe analysis to styled DSL generation, producing platform
Alternatives in Development
- Theme PR Reviewer — Read-only reviewer for Graphite theme PRs — checks generated/source coherence, token quality, and contrast 452 ★
- R Reviewer — R code reviewer for academic scripts 99 ★
- 📊 Interactive Mode Implementation - Validation Report — Date: 2025-10-04 Version: 1.2.0 Status: ✅ ALL TESTS PASSED 📝 Update (2025-10-05): HTML files consolidated to 89 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Certora Sui Move Verification
Converts structured invariant specifications into Certora Sui Prover Move specs using the CVLM library. Handle
PDF Docx Generator
WRITE-access implementer for the resume/export domain — PDF/DOCX rendering, layout, fonts, pagination, golden
Requirements Code
Direct implementation agent that converts technical specifications into working code with minimal architectura
Layout Composer
Converts the approved creative concept and Info-stories brief into a static zone, hierarchy, asset, typography
Docs Styler
Use this agent when creating or updating documentation pages in the /docs directory to ensure consistent styli
01 React Native Fundamentals
React Native fundamentals expert - Core components, styling, layout, Expo, and New Architecture
Related Skills
Rogue UI UX Design Skill
Expert UI/UX design for product interfaces: user flows, information architecture, wireframes, interaction patt
Ascii Wireframes
ASCII wireframes: sketch 3 layout hypotheses before Figma or HTML. A Claude Code skill for design teams.
Theme Factory
When user wants to apply a theme or styling to an artifactStyle artifacts with professional themes including 10 pre-set color/font combinations