frontend-design-enhanced
Frontend Design
Create real, working frontend experiences with a clear point of view. Distinctive is the goal, but the interface must still help the user complete tasks quickly and confidently. When the codebase already has a design language, extend it intelligently instead of forcing a disconnected redesign.
Use this skill when
- The user wants a page, component, view, landing page, dashboard, form flow, design system, or frontend refactor.
- The user wants HTML/CSS/JS, TypeScript, React, Vue, Svelte, Next.js, Tailwind, or similar UI code.
- The user wants an existing UI reviewed, restyled, or made more polished, usable, responsive, or accessible.
- The request is primarily about visible interface design and implementation, not backend logic.
Do not use this skill when
- The task is purely backend, API, database, infrastructure, or CLI with no meaningful UI surface.
- The user only wants branding strategy or copywriting without interface work.
Core stance
- Make the design memorable, not merely fashionable.
More from skillatlas/skills
scrapesocial-facebook
Use when the user wants Facebook research or workflow guidance for lead generation, influencer discovery, brand monitoring, competitor analysis, content analytics, trend research, or audience analysis, including page or profile audits, post, reel, photo, or comment extraction, group monitoring, transcript retrieval, and Facebook ad or advertiser analysis.
57image-generation-enhanced
Generate and edit high-quality images with AI. Emphasize strong prompt design, structured JSON prompting, reference-image workflows, text rendering, and iterative refinement. Use any time the user needs an image generated.
56scrapesocial-instagram
Use when the user wants Instagram research or workflow guidance for lead generation, influencer discovery, brand monitoring, competitor analysis, content analytics, trend research, or audience analysis, including profile analysis, feed collection, post or reel inspection, transcript extraction, comment analysis, reel discovery, highlight retrieval, or embed generation.
45movie-poster-graphics
Create generative movie-poster style graphics for products, apps, brands, campaigns, and abstract concepts. Use when a task needs poster-quality key art, archetype selection, title treatment guidance, or strong prompting for an image model.
43scrapesocial-tiktok
Use when the user wants TikTok research or workflow guidance for lead generation, influencer discovery, brand monitoring, competitor analysis, content analytics, trend research, or audience analysis, including account analysis, creator discovery, video inspection, comment scraping, transcript extraction, hashtag or song research, and TikTok Shop or product research.
25competitor-ad-tracking
Use when the user wants to retrieve, track, compare, or analyze competitor ads from ad libraries, including Meta/Facebook Ad Library, Google ads by domain, LinkedIn ads, and Reddit ad searches, for messaging audits, creative research, launch monitoring, offer analysis, or paid competitive intelligence.
18