frontend-design
Frontend Design
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
When to Use This Skill
Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Examples include:
- Websites and landing pages
- Dashboards and data visualizations
- React components or HTML/CSS layouts
- Styling or beautifying any web UI
Design Philosophy
Before coding, understand the context and commit to a BOLD aesthetic direction:
Purpose: What problem does this interface solve? Who uses it?
More from breverdbidder/life-os
amazon-bestseller-launch
Complete Amazon KDP bestseller launch system with proven strategies for achieving #1 bestseller status. Use when planning book launches, optimizing Amazon listings, executing pre-launch campaigns, coordinating launch day sales velocity, managing ARC reviewer campaigns, creating book marketing funnels, optimizing Amazon A+ content, or any task involving Amazon KDP publishing and book marketing strategy.
282kdp-listing-optimizer
Optimize Amazon KDP book listings for maximum conversion and discoverability. Use when creating or improving book titles, subtitles, descriptions, backend keywords, A+ content, author bios, or any Amazon product listing element. Triggers on requests to write book descriptions, optimize Amazon listings, improve book metadata, or enhance KDP product pages.
76screen-control-operator
Autonomous browser control via Chrome DevTools Protocol and Accessibility Tree for full screen control like GPT Operator. Use when user requests "control my screen", "verify Lovable", "test scrapers", "debug DOM", "autonomous testing", or any browser automation task. NO screenshots - uses CDP + semantic queries for 10x faster, 100% reliable element targeting.
57adhd-task-management
ADHD-optimized task tracking and intervention system. Use when tracking tasks, detecting context switches, providing accountability interventions, or managing ADHD-specific productivity patterns for Ariel Shapira.
52github-repo-hunter
Autonomous GitHub repository discovery and integration agent that hunts relevant open-source projects for BidDeed.AI (foreclosure auctions) and Life OS (productivity/ADHD). Searches GitHub for repos matching domain keywords, evaluates relevance via README/tech stack analysis, auto-adds as submodules or archives to target repos, and alerts Ariel with actionable summaries. Use when (1) User requests "find relevant GitHub repos", (2) Exploring new integrations for BidDeed.AI workflows, (3) Discovering productivity tools for Life OS, (4) Keeping repositories updated with latest open-source innovations.
50company-name-generator
Generates business/company names across 10 categories (Descriptive, Metaphoric, Invented, Founder-based, Acronym, Compound, Foreign, Playful, Geographic, Legacy) with USPTO trademark screening, domain availability checking, and 0-100 scoring. Use when users need company/product/brand naming for new business launches, rebranding, trademark strategy, IP protection naming, evaluating current name strength, or any naming/branding tasks requiring systematic analysis with legal clearance.
50