Split frontend-design into dedicated skill

- frontend-design: triggers on web apps, websites, HTML pages, one-off tools, new projects
- visual-design: now focused on image generation and presentations only

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>

Author: enoreyes

README.md

@@ -44,7 +44,8 @@ Skills for continuous learning and improvement.
 - `session-navigation` - Search and navigate past Droid sessions
 - `human-writing` - Remove AI writing patterns, make text sound human
 - `skill-creation` - Create and improve Droid skills
-- `visual-design` - Image generation (nanobanana CLI), presentations (Slidev), frontend design
+- `visual-design` - Image generation (nanobanana CLI) and presentations (Slidev)
+- `frontend-design` - Build web apps, websites, HTML pages with good design
 - `browser-navigation` - Browser automation with agent-browser
 
 ## Plugin Structure

…/skills/visual-design/frontend-design.md …-evolved/skills/frontend-design/SKILL.mdplugins/droid-evolved/skills/visual-design/frontend-design.md renamed to plugins/droid-evolved/skills/frontend-design/SKILL.md plugins/droid-evolved/skills/visual-design/frontend-design.md renamed to plugins/droid-evolved/skills/frontend-design/SKILL.md

@@ -1,3 +1,17 @@
+---
+name: frontend-design
+version: 1.0.0
+description: |
+  Build good-looking web interfaces. Use when:
+  - User asks you to build a web app, website, landing page, or HTML page
+  - User asks for a one-off tool, utility, or demo app
+  - User is starting a new frontend project
+  - User wants to improve how something looks
+  - User mentions UI, design, styling, or making something look better
+  This applies to ANY frontend work, not just "design" tasks. Even simple
+  apps benefit from basic design principles.
+---
+
 # Frontend design
 
 Practical tactics for designing and building frontend interfaces. This is about making things look good and work well, not about frameworks or tooling.

plugins/droid-evolved/skills/visual-design/SKILL.md

@@ -1,21 +1,17 @@
 ---
 name: visual-design
-version: 3.0.0
+version: 4.0.0
 description: |
-  Visual design and content creation. Use when:
-  - User asks you to build a web app, website, landing page, or any HTML/CSS interface
+  Image generation and presentations. Use when:
   - User asks for images: logos, icons, app assets, diagrams, flowcharts,
     architecture diagrams, patterns, textures, photo edits, restorations
   - User needs a presentation or slide deck
-  - User wants help with frontend design, UI/UX, or making something look better
-  Covers nanobanana CLI for image generation, Slidev for presentations,
-  and practical frontend design patterns.
-  RECOMMENDATION: Disable Chrome DevTools or Playwright MCP when using this skill to save context.
+  Covers nanobanana CLI for image generation and Slidev for presentations.
 ---
 
 # Visual design
 
-This skill covers visual and design work. Three areas, each with its own doc.
+Image generation and presentations.
 
 ## Image generation
 
@@ -49,9 +45,3 @@ slidev build              # build as hostable SPA
 Write slides in markdown, get code highlighting, animations, diagrams, and Vue components.
 
 See: [presentations.md](./presentations.md) and [reference-slide-example.md](./reference-slide-example.md)
-
-## Frontend design
-
-Tactics for building good-looking interfaces. Covers the creative side (tone, aesthetics, inspiration) and the technical side (spacing scales, type hierarchy, color systems, responsive patterns).
-
-See: [frontend-design.md](./frontend-design.md)