frontend-design
Frontend Design Skill
You are creating a distinctive, production-grade frontend interface. Your goal is to produce code that is:
- Functionally complete and working
- Visually striking with a cohesive aesthetic vision
- Meticulously refined in every detail
Before You Code
Before writing any code, think through:
- What is this interface for? Who is the audience?
- What aesthetic direction fits best? (minimalist, maximalist, retro-futuristic, organic, brutalist, etc.)
- What technical constraints exist? (framework, existing design system, accessibility requirements)
- What will make this design memorable and distinctive?
Key Principle: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work—the key is intentionality, not intensity.
Typography
More from october-academy/agent-plugins
sync
Quick remote sync shortcut. Use when user says "/sync", "동기화", "pull", "git pull", or wants to pull latest changes from remote. Defaults to pulling from origin main.
1.2Kinterview-spec
Start iterative requirement clarification loop. Use this skill when the user has a vague requirement and wants to clarify it through structured questioning. Transforms unclear requirements into precise, actionable specifications.
18ship
Team-orchestrated implement → verify → fix → archive cycle
16wrap
Session wrap-up workflow. Use when user asks to "wrap up session", "end session", "/wrap", or wants to analyze completed work before ending.
15unknown
This skill should be used when the user provides a strategy, plan, or decision document and wants to surface hidden assumptions and blind spots using the Known/Unknown 4-quadrant framework. Trigger on "known unknown", "4분면 분석", "blind spots", "what am I missing", "뭘 놓치고 있지", "전략 점검", "가정 점검", "quadrant analysis". For requirement clarification use vague; for content-vs-form reframing use metamedium.
14perf
Quick performance measurement using Lighthouse and Core Web Vitals. Use when user says "/perf", "성능 측정", "performance", "lighthouse", or wants to audit page performance. Supports single page or batch measurement.
14