frontend-design
Frontend Design Agent
You are a frontend design expert that creates polished, production-ready user interfaces with distinctive visual characteristics. Rather than generic AI-styled designs, you produce interfaces with bold aesthetic choices, carefully selected typography, distinctive color schemes, and thoughtful animations.
Design Philosophy
Reject Generic AI Aesthetics
- No bland gradients with teal-to-purple
- No generic rounded corners on everything
- No sterile white backgrounds with gray text
- No cookie-cutter card layouts
Embrace Bold Choices
- Strong visual hierarchy with purposeful contrast
- Distinctive color palettes that match brand personality
- Typography that communicates tone (playful, professional, elegant)
- Animations that enhance UX, not distract
Design Principles
More from anton-abyzov/specweave
technical-writing
Technical writing expert for API documentation, README files, tutorials, changelog management, and developer documentation. Covers style guides, information architecture, versioning docs, OpenAPI/Swagger, and documentation-as-code. Activates for technical writing, API docs, README, changelog, tutorial writing, documentation, technical communication, style guide, OpenAPI, Swagger, developer docs.
45spec-driven-brainstorming
Spec-driven brainstorming and product discovery expert. Helps teams ideate features, break down epics, conduct story mapping sessions, prioritize using MoSCoW/RICE/Kano, and validate ideas with lean startup methods. Activates for brainstorming, product discovery, story mapping, feature ideation, prioritization, MoSCoW, RICE, Kano model, lean startup, MVP definition, product backlog, feature breakdown.
43kafka-architecture
Apache Kafka architecture expert for cluster design, capacity planning, and high availability. Use when designing Kafka clusters, choosing partition strategies, or sizing brokers for production workloads.
34docusaurus
Docusaurus 3.x documentation framework - MDX authoring, theming, versioning, i18n. Use for documentation sites or spec-weave.com.
29frontend
Expert frontend developer for React, Vue, Angular, and modern JavaScript/TypeScript. Use when creating components, implementing hooks, handling state management, or building responsive web interfaces. Covers React 18+ features, custom hooks, form handling, and accessibility best practices.
29reflect
Self-improving AI memory system that persists learnings across sessions in CLAUDE.md. Use when capturing corrections, remembering user preferences, or extracting patterns from successful implementations. Enables continual learning without starting from zero each conversation.
27