Claude Marketplaces
SkillsMCP serversMarketplacesPluginsDigestAdvertise
Submit

LLMond Highlights

This week in Claude is LLMond Highlights now. A weekly email, free.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Plugins
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index
  • Plugin index

Site

  • About
  • Submit
  • Advertise
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Snug
  • Agent Caffeine
  • knobs
  • Wax
  • Vectoys
  • mertduzgun.com
by Mert Düzgün
Skills/Frontend Development
tencentblueking avatar

Frontend Vue Development

tencentblueking/bk-ci

This is purpose-built for BK-CI frontend work, not a generic Vue guide. It keeps you aligned with their specific patterns for component structure, Vuex state, API calls, and styling conventions. The focus is on maintainability: single-responsibility components, consistent naming and indentation, and always handling loading and error states alongside success paths. The guidance is pragmatic about the biggest trap, which is cramming interface logic, complex state, and display concerns into one giant component. If you're working on BK-CI's Vue layer and need to follow their established patterns rather than reinvent the wheel, this keeps you on track. It also knows when to hand off to backend or API design skills when the real issue lives outside the frontend.

skills.sh installs
179
GitHub stars
2.5K
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add tencentblueking/bk-ci --skill frontend-vue-development --agent claude-code

Installs into .claude/skills of the current project.

Files

前端 Vue 开发

适用场景

  • 开发或修改 Vue 组件
  • 处理 Vuex 状态、路由和页面交互
  • 调用后端接口并渲染页面数据
  • 按项目约定组织样式和组件结构

不适用场景

  • 后端接口设计与实现
  • Go Agent 或后端服务开发
  • 只是修改普通文档或 skill

快速指导

  1. 这个 skill 关注的是 BK-CI 前端页面开发约定,不是通用 Vue 教程。
  2. 先保持组件职责单一,页面状态和接口调用不要混成不可维护的大组件。
  3. 项目里更重要的是一致性:命名、缩进、组件顺序、API 调用方式和错误处理模式要统一。
  4. 组件开发时优先明确三件事:数据来源、交互状态、和谁通信。
  5. 如果需求本质是后端契约变化,先联动看 api-interface-design 和 backend-microservice-development。

高信号规则

  • 页面逻辑、接口调用和展示状态要有清晰边界
  • 组件越靠近业务交互,越要避免隐式副作用
  • 与后端交互时,错误态和 loading 态必须一起设计

关键陷阱

  • 把接口请求、复杂状态和展示细节全堆在一个组件里
  • 只做成功路径,不处理空态、失败态和权限态
  • 因为赶进度绕开现有约定,导致风格碎片化

延伸阅读

  • 如果你在改接口契约:再看 api-interface-design
  • 如果你在改后端实现:再看 backend-microservice-development
SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/tencentblueking/bk-ci
Category
Frontend Development
First seen
Jun 3, 2026

Recommended

More Frontend Development
1akillness avatarui-component-patternsakillness/oh-my-skillsui component patterns171skills.sh installs
2oguzhan18 avatarangular-ssroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular SSR, server-side rendering, hydration, prerendering, or Angular Universal in Angular applications.168skills.sh installs
3syncfusion avatarsyncfusion-react-gridsyncfusion/react-ui-components-skillsImplements Syncfusion React Grid component for feature-rich data tables and grids. Use this when working with data display, sorting, filtering, grouping, aggreg854skills.sh installs
4syncfusion avatarsyncfusion-react-schedulersyncfusion/react-ui-components-skillsImplement Syncfusion React Scheduler component for calendar, event scheduling, and appointment management. Use this when building scheduling systems, calendar a810skills.sh installs
5syncfusion avatarsyncfusion-react-gantt-chartsyncfusion/react-ui-components-skillsImplement, configure, and customize the Syncfusion React Gantt Chart component. Use this when building project scheduling applications with task timelines, depe802skills.sh installs
6syncfusion avatarsyncfusion-react-rich-text-editorsyncfusion/react-ui-components-skillsImplements the Syncfusion React Rich Text Editor (RichTextEditorComponent) from ej2-react-richtexteditor, supporting HTML (WYSIWYG) and Markdown editing. Use th783skills.sh installs