Uma biblioteca de habilidades portátil e amigável para agentes de IA, servida como um servidor MCP. Insira-a em qualquer projeto e agentes de IA em Codex, Claude Code, Cursor, Windsurf, Zed e Continue terão acesso instantâneo a orientações estruturadas para tarefas de design, desenvolvimento e crescimento de sites — sem copiar um único arquivo.
Este skill fornece uma biblioteca portátil de orientações estruturadas para design, desenvolvimento e crescimento de sites, servida como um servidor MCP (Model Context Protocol). Ele é projetado para ser integrado em qualquer projeto, eliminando a necessidade de copiar arquivos manualmente. Uma vez adicionado, agentes de IA como Codex, Claude Code, Cursor, Windsurf, Zed e Continue podem acessar instantaneamente guias detalhados e boas práticas. O principal benefício é a consistência e acessibilidade: o mesmo conjunto de instruções expert é disponibilizado para qualquer ferramenta de IA compatível, garantindo que o agente entenda o contexto completo do projeto e execute tarefas de design e desenvolvimento de sites com alta qualidade e segurança. A funcionalidade central é baseada no protocolo MCP, permitindo que o skill seja carregado e consultado dinamicamente pelos agentes, sem poluir o repositório do projeto com documentos de orientação.
npx skills add coastdigitalgroup/coastai-skillsUma biblioteca de habilidades portátil e amigável para agentes de IA, servida como um servidor MCP. Insira-a em qualquer projeto e agentes de IA em Codex, Claude Code, Cursor, Windsurf, Zed e Continue terão acesso instantâneo a orientações estruturadas para tarefas de design, desenvolvimento e crescimento de sites — sem copiar um único arquivo.
This repo contains 20 individual skills — each has its own dedicated page.
Design and implement a systematic framework for progressive disclosure using accordions, ensuring structural integrity, visual affordances, and accessibility across different content densities and devices.
Design and implement a systematic framework for long-form content, managing readability, vertical rhythm, and information density to ensure a superior reading experience.
Design and implement a systematic framework for informational elements that communicate state (Badges) and categorization (Tags) with clarity and accessibility.
Design and implement a systematic framework for non-overlay notifications, managing global announcements and contextual inline alerts to communicate system states without interrupting the user's flow.
Design and implement a systematic, asymmetrical bento-grid layout framework to organize diverse content types cohesively while maintaining strict visual hierarchy, logical focus order, and responsive flexibility.
Design a responsive, mobile-first bottom navigation bar and persistent action dock system for mobile websites and web applications, establishing spatial anchors, tab bar anatomy, badge indicators, thumb-zone ergonomics, safe area inset handling, active/inactive state contrast, and desktop responsive adaptation rules.
Design a mobile-first bottom sheet overlay system with configurable detents, drag affordances, safe area padding, responsive desktop modal/popover adaptation, and WCAG AA accessibility compliance.
Design and implement a systematic framework for secondary navigation trails that provide orientation, context, and one-click access to parent levels in deep information architectures.
Design and implement a systematic framework for buttons and interactive triggers, managing visual hierarchy, variant logic, and action grouping to ensure clear intent and accessible interaction.
Design a systematic framework for date and time selection, managing calendar grids, range pickers, and scheduling interfaces to ensure precision and accessibility.
Design and implement a systematic framework for modular content containers that maintain hierarchy, structural integrity, and action alignment across variable content and responsive viewports.
Design and implement a systematic framework for horizontal discovery components, managing navigation affordances, scroll behavior, and accessibility to ensure effective content density without compromising usability.
Design a systematic, highly accessible, and developer-friendly UI layout framework for code blocks, snippet showcases, multi-file code tabs, line-highlighting, diff views, and syntax token contrast in technical documentation and developer platforms.
Design a systematic framework for global command menus (Cmd+K panels) that combines keyboard-driven navigation, command execution, and shortcut discovery into an accessible, responsive overlay.
Design and implement a systematic framework for threaded conversations, managing nesting depths, action hierarchies, and community signaling to foster engagement and readability.
Design and implement a systematic framework for side-by-side comparison interfaces, managing high attribute density and responsive complexity to support informed decision-making.
Design and implement a systematic framework for user privacy, managing consent banners, preference centers, and persistent privacy controls to balance legal compliance with user trust.
Design and implement a systematic, highly accessible, and responsive visual layout framework for conversational chat widgets, live chat boxes, and chatbot panels that ensures clear message scannability, native focus flow, and seamless mobile keyboard adaptation.
Design a systematic, accessible, and high-conversion framework for custom select dropdowns and comboboxes, defining anatomy, states, search-filtering, and responsive mobile-adaptive patterns.
Design and implement a systematic color palette that ensures WCAG 2.2 accessibility compliance. Trigger this skill when asked to define brand colors, create UI themes, or establish a visual system for a website.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".