Projeta UX/UI para sites e aplicações web: estratégia de UX, arquitetura da informação, fluxos de usuário, wireframes, sistemas de UI, especificações de componentes e design visual refinado. Use quando o usuário solicitar projetar, redesenhar, modernizar, criticar ou melhorar um site, landing page, interface de aplicação web, sistema de design, guia de estilo ou kit de UI.
Esta skill, **tristanmanchester/designing-beautiful-websites**, é uma ferramenta especializada para design de experiência do usuário (UX) e interface do usuário (UI) voltada para sites e aplicações web. Ela abrange todo o processo de design, desde a estratégia de UX e arquitetura da informação até a criação de fluxos de usuário, wireframes, sistemas de UI completos, especificações detalhadas de componentes e design visual de alta qualidade. É particularmente útil quando um usuário precisa projetar um novo site ou aplicação web, redesenhar ou modernizar uma interface existente, ou receber críticas construtivas e sugestões de melhoria para projetos de design. A skill é compatível com uma ampla variedade de plataformas de agentes de IA, como Claude Code, Cursor e Codex, e funciona interpretando as solicitações do usuário para gerar artefatos de design acionáveis, como especificações de design, guias de estilo e protótipos de alta fidelidade. Ela é ideal para desenvolvedores que buscam orientação profissional em design sem sair do ambiente de desenvolvimento, integrando princípios de design thinking com práticas modernas de UI para criar experiências digitais bonitas e funcionais.
npx skills add https://github.com/tristanmanchester/agent-skills/tree/main/skills/designing-beautiful-websitesInstalled? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Projeta UX/UI para sites e aplicações web: estratégia de UX, arquitetura da informação, fluxos de usuário, wireframes, sistemas de UI, especificações de componentes e design visual refinado. Use quando o usuário solicitar projetar, redesenhar, modernizar, criticar ou melhorar um site, landing page, interface de aplicação web, sistema de design, guia de estilo ou kit de UI.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.