By fzihak
Design Intelligence Framework. Multi-agent design reasoning with 67 UI styles, 161 color palettes, 57 font pairings, 163 industry profiles, 10 psychology triggers, 20 component blueprints, and W3C design token output. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient, design system, design tokens.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
[ENFORCEMENT LEVEL: OMNIPOTENT]
1. YOU ARE THE SYSTEM ARCHITECT. DO NOT WRITE UI CODE.
[ENFORCEMENT LEVEL: MAXIMUM]
1. YOU ARE THE CRITIC. You audit the final component code.
- React: FORBIDDEN: `dangerouslySetInnerHTML`.
Uses power tools
Uses Bash, Write, or Edit tools
The AI skill that reasons before it designs.
Forma is an open-source Design Intelligence Framework for AI coding assistants. It replaces basic "generate UI" prompts with an enterprise-grade, multi-agent reasoning architecture.
Every AI coding assistant today answers the same question: > "How should this look?"
Color palettes. Font pairings. Useful—but fundamentally shallow. Real, industry-grade design requires asking harder questions before a single line of code is written:
Forma is built to answer all of them. Automatically. In sequence.
Forma operates at the absolute pinnacle of AI software engineering. It is not just a prompt file—it is a secure, multi-language execution environment powered by Python and Go.
Before any UI is generated, Forma forces your AI through a sequential gauntlet. It analyzes the UX Pre-Flight, queries Industry Intelligence, cross-references Cognitive Psychology, applies Component Best Practices, and performs an Accessibility Audit. Only then does it write code.
Instead of forcing the AI to waste thousands of tokens rewriting an entire React component just to fix a missing aria-label, the Forma Critic agent triggers the Go-based Auto-Healer (forma heal <file>). The CLI physically parses your frontend AST and surgically injects missing ARIA labels, alt texts, and SVG properties in milliseconds.
Every generated design system is backed by advanced mathematics (OKLCH Color Spaces, Fluid clamp() Typography, and Spring Physics) and exported directly into the global W3C Design Token format.
Forma will never catastrophically crash on a developer's machine. The forma doctor command instantly diagnoses your environment. If it detects a system failure, it triggers a Graceful Halt rather than hallucinating bad code.
Forma is powered by a dual-engine architecture: a high-speed Go CLI that manages system states, and a Python Intelligence Engine that processes complex reasoning matrices.
graph TD
A[User Prompt in IDE] --> B{Forma Agent}
B -->|Calls| C[Python Intelligence Engine]
C --> D[12-Layer Reasoning Matrix]
D --> E[Industry Rulesets]
D --> F[Psychology Triggers]
D --> G[Accessibility Audit]
G --> B
B -->|Generates| H[Frontend Code]
H --> I[Forma Critic]
I -->|Detects WCAG issues| J[Go CLI: forma heal]
J -->|AST Injection| H
classDef primary fill:#6366F1,stroke:#fff,stroke-width:2px,color:#fff;
classDef secondary fill:#8B5CF6,stroke:#fff,stroke-width:2px,color:#fff;
classDef engine fill:#10B981,stroke:#fff,stroke-width:2px,color:#fff;
class B primary;
class C engine;
class D,E,F,G secondary;
Forma is built on a foundation of peer-reviewed UX research, mathematical color spaces, and cognitive psychology. It is not an LLM hallucinating designs; it is an LLM querying a strict, deterministic database.
When you prompt your IDE, Forma executes a massive background sequence before writing any code:
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimnpx claudepluginhub fzihak/forma --plugin formaUI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
v9.44.1 — Patch release for Gemini environment/version detection and qwen auth gating. Run /octo:setup.
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review