frontend-design
Frontend Design
Create interfaces with intentional aesthetics and professional execution. Avoid generic "template" looks.
Design Process
Before writing code, answer these questions:
- Purpose — What problem does this interface solve? Who uses it?
- Tone — What aesthetic direction? (brutalist, luxury, playful, editorial, retro-futuristic, etc.)
- Constraints — Device targets, accessibility requirements, performance budget
- Signature — What single element makes this memorable?
Commit to a direction. Timid design is worse than bold design with flaws.
Typography
Font Selection
More from s-hiraoku/synapse-a2a
synapse-a2a
Synapse A2A agent communication -- sending messages, spawning agents, delegating tasks, sharing memory, managing the LLM wiki, and coordinating file edits. Use this skill when: running synapse send/reply/broadcast/interrupt, spawning agents with synapse spawn or synapse team start, sharing knowledge with synapse memory, managing wiki pages with synapse wiki, locking files with synapse file-safety, checking agent status with synapse list/status, or orchestrating any multi-agent workflow. For AI/programmatic use, prefer synapse list --json, synapse status <target> --json, or the MCP list_agents tool instead of interactive synapse list.
346opencode-expert
This skill provides comprehensive guidance for using OpenCode, the open-source AI coding agent. Use this skill when working with OpenCode CLI commands, keyboard shortcuts, agents (build/plan), slash commands, tools, skills, MCP servers, or configuration. Automatically triggered when OpenCode-specific questions or tasks are detected.
296synapse-reinst
>-
222security-audit
>-
143synapse-manager
>-
99system-design
>-
95