Guide for creating distinctive, production-grade frontend interfaces. Covers visual design systems, typography, color, motion, spatial composition, and web interface standards. Use when designing UI, establishing design systems, or reviewing visual quality of frontend code.
Quickly install frontend-design AI skill to your development environment via command line
Source: s-hiraoku/synapse-a2a.
Create interfaces with intentional aesthetics and professional execution. Avoid generic "template" looks.
Commit to a direction. Timid design is worse than bold design with flaws.
Avoid overused defaults. Choose typefaces that reinforce the interface's personality.
Guide for creating distinctive, production-grade frontend interfaces. Covers visual design systems, typography, color, motion, spatial composition, and web interface standards. Use when designing UI, establishing design systems, or reviewing visual quality of frontend code. Source: s-hiraoku/synapse-a2a.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/s-hiraoku/synapse-a2a --skill frontend-designGuide for creating distinctive, production-grade frontend interfaces. Covers visual design systems, typography, color, motion, spatial composition, and web interface standards. Use when designing UI, establishing design systems, or reviewing visual quality of frontend code. Source: s-hiraoku/synapse-a2a.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/s-hiraoku/synapse-a2a --skill frontend-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/s-hiraoku/synapse-a2a