frontend-design
Installation
SKILL.md
Frontend Design Skill
Use this skill when creating UI components, landing pages, dashboards, or any frontend design work.
Design Workflow
Follow this structured approach for UI design:
- Layout Design — Think through component structure, create ASCII wireframes
- Theme Design — Define colors, fonts, spacing, shadows
- Animation Design — Plan micro-interactions and transitions
- Implementation — Generate the actual code
1. Layout Design
Before coding, sketch the layout in ASCII format:
┌─────────────────────────────────────┐
Related skills
More from elliottminns/dreamfox-skills
clawdhub
Use the ClawdHub CLI to search, install, update, and publish agent skills from clawdhub.com. Use when you need to fetch new skills on the fly, sync installed skills to latest or a specific version, or publish new/updated skill folders with the npm-installed clawdhub CLI.
126gog
Google Workspace CLI for Gmail, Calendar, Drive, Contacts, Sheets, and Docs.
9doppler
Fetch secrets from Doppler for API keys and credentials.
6linear
Query and manage Linear issues, projects, and team workflows.
6