coastai-skills은(는) 무엇을 하나요?
MCP 서버로 제공되는 이식성 좋은 AI 에이전트 친화적 스킬 라이브러리입니다. 프로젝트에 추가하기만 하면 Codex, Claude Code, Cursor, Windsurf, Zed, Continue 등 다양한 AI 에이전트가 파일을 복사하지 않고도 웹사이트 디자인, 개발, 성장 작업을 위한 구조화된 가이드라인에 즉시 접근할 수 있습니다.
MCP 서버로 제공되는 이식성 좋은 AI 에이전트 친화적 스킬 라이브러리입니다. 프로젝트에 추가하기만 하면 Codex, Claude Code, Cursor, Windsurf, Zed, Continue 등 다양한 AI 에이전트가 파일을 복사하지 않고도 웹사이트 디자인, 개발, 성장 작업을 위한 구조화된 가이드라인에 즉시 접근할 수 있습니다.
coastdigitalgroup/coastai-skills는 MCP(Model Context Protocol) 서버 형태로 제공되는 포터블 스킬 라이브러리입니다. 개발자와 AI 에이전트 사용자가 프로젝트에 이 스킬을 추가하기만 하면 Codex, Claude Code, Cursor, Windsurf, Zed, Continue 등 다양한 AI 코딩 도구에서 즉시 활용할 수 있습니다. 이 스킬은 웹사이트 디자인, 개발, 성장과 관련된 구조화된 지침과 모범 사례를 제공하여 AI 에이전트가 프로젝트 컨텍스트를 더 잘 이해하고 일관된 결과를 생성하도록 돕습니다. 파일을 복사하거나 별도 설정 없이 MCP 서버 연결만으로 에이전트가 필요한 가이드라인을 동적으로 참조할 수 있다는 점이 핵심적인 장점이며, 이를 통해 팀 내 지식 공유와 프로젝트 초기 설정 효율성을 크게 향상시킵니다.
npx skills add coastdigitalgroup/coastai-skillsMCP 서버로 제공되는 이식성 좋은 AI 에이전트 친화적 스킬 라이브러리입니다. 프로젝트에 추가하기만 하면 Codex, Claude Code, Cursor, Windsurf, Zed, Continue 등 다양한 AI 에이전트가 파일을 복사하지 않고도 웹사이트 디자인, 개발, 성장 작업을 위한 구조화된 가이드라인에 즉시 접근할 수 있습니다.
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".