Eine portable, agentenfreundliche Skill-Bibliothek, die als MCP-Server bereitgestellt wird. Einfach in ein beliebiges Projekt einfügen und KI-Agenten auf Codex, Claude Code, Cursor, Windsurf, Zed und Continue erhalten sofort Zugriff auf strukturierte Anleitungen für Webdesign, Entwicklung und Wachstumsaufgaben – ohne eine einzige Datei zu kopieren.
Dieser Skill stellt eine portable Skill-Bibliothek als MCP-Server (Model Context Protocol) bereit. Entwickler können sie in jedes Projekt einbinden, und moderne KI-Agenten-Tools wie Codex, Claude Code, Cursor, Windsurf, Zed und Continue haben sofortigen Zugriff auf strukturierte Anleitungen für Webdesign, -entwicklung und -wachstum. Der Skill vermeidet das manuelle Kopieren von Dateien und bietet eine zentrale Wissensquelle, die Agenten bei der Durchführung von Aufgaben wie der Einrichtung von Build-Tools, der Optimierung von Metadaten, der Verwaltung von Styleguides und der Implementierung von SEO-Best-Practices hilft. Dadurch wird die Produktivität von Entwicklern gesteigert und die Konsistenz bei der Nutzung von KI-Assistenten über verschiedene Plattformen hinweg gewährleistet.
npx skills add coastdigitalgroup/coastai-skillsEine portable, agentenfreundliche Skill-Bibliothek, die als MCP-Server bereitgestellt wird. Einfach in ein beliebiges Projekt einfügen und KI-Agenten auf Codex, Claude Code, Cursor, Windsurf, Zed und Continue erhalten sofort Zugriff auf strukturierte Anleitungen für Webdesign, Entwicklung und Wachstumsaufgaben – ohne eine einzige Datei zu kopieren.
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".