Frontend Developmentconardli/web-design-skill
web-design-engineer
Build high-quality visual Web artifacts using HTML/CSS/JavaScript/React — web pages, landing pages, dashboards, interactive prototypes, HTML slide decks, animated demos, UI mockups, data visualizations, and more.
Use this skill whenever the user's request involves a visual, interactive, or front-end deliverable, including:
- Creating web pages, landing pages, dashboards, marketing pages
- Building interactive prototypes or UI mockups (with device frames)
- Building HTML slide decks / presentations
- Creating CSS/JS animations or timeline-driven animated demos
- Turning design mockups, screenshots, or PRDs into interactive implementations
- Data visualization (Chart.js / D3, etc.)
- Design system / UI Kit exploration
Even if the user doesn't explicitly say "HTML" or "web page," this skill applies whenever the intent is to produce something visual, interactive, or presentational.
Not applicable: pure back-end logic, CLI tools, data-processing scripts, non-visual code tasks, command-line debugging.