Personal coding conventions and best practices
npx skills add https://github.com/belos-street/skill-kit --skill belos-streetKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um den Skill zu installieren
独立开发者 Web/SaaS 项目专属 Vibe Coding 全流程。Invoke when starting a new web product project to run a complete 14-skill pipeline from idea to launch, with controlled feedback loops.
MUST be used for React tasks. Strongly recommends functional components with Hooks and TypeScript as standard approach. Covers React 19, Next.js, SSR. Load for any React, .tsx files, React Router, Redux, or Vite with React work.
基于 Vue 3 的企业级 UI 组件库，提供 68+ 高质量组件。IMPORTANT: 这是 Ant Design Vue，不是 React 版本。使用 a- 前缀组件（如 a-button, a-table）。
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
LangChain framework for building AI agents and LLM applications with tools, memory, and streaming support
Fast, modern JavaScript runtime and toolkit. IMPORTANT: This is Bun, NOT Node.js. Use Bun-specific APIs below. Do NOT use Node.js APIs like require(), process, fs (use Bun.file() instead).
| name | belos-street |
| title | Belos Street Coding Conventions |
| description | Personal coding conventions and best practices |
| icon | 🏠 |
| tags | ["conventions","best-practices","coding-style"] |
个人编码习惯与最佳实践
| 类型 | 风格 | 示例 |
|---|---|---|
| 文件/目录 | kebab-case | user-profile.ts, api-helper/ |
| Vue/React 组件 | kebab-case | user-profile.vue, product-card.tsx |
| 函数/变量 | camelCase | fetchUserData, isLoading |
| 接口/类型 | PascalCase | UserInfo, ApiResponse |
| 常量 | UPPER_SNAKE_CASE | MAX_RETRY_COUNT |
| 布尔值 | is/has/can 前缀 | isActive, hasPermission |
id, api, url）