Awatif
The First Open-Source Structural Analysis and Design Software
Install / Use
/learn @madil4/AwatifREADME
Awatif
Awatif is the first open-source structural analysis and design tool built for the modern web. It is super-fast, transparent, and effortlessly accessible. Whether designing individual members like columns and beams or analyzing complex 2D frames, Awatif delivers a clean user interface and comprehensive structural reports.
Note: We are currently preparing for Awatif v3.0, which involves a complete rewrite of the codebase. No libraries have been removed.
For the latest stable v2 release, please see: https://github.com/madil4/awatif/tree/v2.0.0
Getting Started
Requirements: Node.js 22+
git clone https://github.com/madil4/awatif.git
cd awatif
npm install
npm run dev
Coding Style
- Keep it simple. Focus on core features and minimum viable product. The system is already complex
- Use types. Functions should fully describe inputs and outputs.
- Avoid global state. If unavoidable, use reactive objects with the signal approach.
Code Formatting
Install the Prettier VS Code extension for automatic code formatting with default settings.
Syntax Highlighting
For better syntax highlighting of HTML strings, we recommend the lit-html VS Code extension.
Related Skills
claude-opus-4-5-migration
83.4kMigrate prompts and code from Claude Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5
frontend-design
83.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Agent Development
83.4kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.
Command Development
83.4kThis skill should be used when the user asks to "create a slash command", "add a command", "write a custom command", "define command arguments", "use command frontmatter", "organize commands", "create command with file references", "interactive command", "use AskUserQuestion in command", or needs guidance on slash command structure, YAML frontmatter fields, dynamic arguments, bash execution in commands, user interaction patterns, or command development best practices for Claude Code.
