Um padrão abrangente para o desenvolvimento de subprojetos Vue3 e TypeScript em um monorepo pnpm usando Arco Design e UnoCSS.
Instalar e Baixar
1. ClawHub CLI
A maneira mais rápida de instalar uma habilidade diretamente do registro.
npx clawhub@latest install keyblade-pro-rules
2. Instalação Manual
Copie a pasta da habilidade para um desses locais
~/.openclaw/skills/ <project>/skills/ Prioridade: Espaço de Trabalho > Local > Integrado
3. Instalação do Prompt
Copie este prompt para o OpenClaw para instalá-lo automaticamente.
Ajude-me a instalar o keyblade-pro-rules usando o Clawhub. Se o Clawhub não estiver instalado, instale-o primeiro (npm i -g clawhub).
Prefere baixar?
Obtenha os arquivos originais da habilidade em um arquivo ZIP.
O que é Coding Rules?
A habilidade coding-rules é uma especificação técnica robusta projetada para agentes de AI e desenvolvedores que trabalham em um monorepo pnpm. Ela impõe padrões arquitetônicos rigorosos para subprojetos Vue3, visando especificamente stacks que utilizam TypeScript, Vite, Arco Design e UnoCSS. Ao implementar esta habilidade, as equipes garantem qualidade de código consistente em interfaces administrativas ricas em tabelas e lógica de negócios modular.
Este guia aproveita as melhores práticas modernas, incluindo a preferência por reatividade baseada em ref, importações automáticas para APIs Pinia e Vue e convenções de nomenclatura rigorosas. O uso dessas Openclaw Skills garante que cada componente ou bloco de lógica gerado adira a padrões de alto desempenho e estruturas de fácil manutenção, reduzindo significativamente a dívida técnica em aplicações de larga escala.
Casos de uso do Coding Rules
- Gerar ou refatorar subprojetos Vue3 + TypeScript dentro de um monorepo.
- Implementar tabelas de dados padronizadas usando hooks kb-pro-table e useTable.
- Organizar a lógica de negócios em arquivos modulares de request, type e enum.
- Estilizar componentes com classes utilitárias UnoCSS para manter a consistência do design.
- Aplicar tipagem TypeScript rigorosa e documentação JSDoc em todos os módulos.
Como o Coding Rules funciona
- Identifica o tipo de projeto verificando o vite.config.ts e dependências específicas no arquivo package.json.
- Aplica as regras da stack técnica Vue3 para componentes Arco Design e estilização UnoCSS.
- Estrutura módulos de negócios dividindo-os em arquivos index, request, type e enum.
- Implementa lógica de requisição padronizada usando a biblioteca @keyblade/http dentro de um namespace definido.
- Impõe convenções de nomenclatura como kebab-case para arquivos e prefixos específicos para interfaces e enums.
Configuração do Coding Rules
Para instalar esta habilidade, certifique-se de que sua estrutura de diretórios segue o padrão de symlink padronizado para Openclaw Skills:
# Create the central skills directory
mkdir -p .ai/skills/coding-rules
# Link the skills to your preferred AI agent environment
ln -s ../.ai/skills .claude/skills
ln -s ../.ai/skills .trae/skills
Esquema de Dados e Taxonomia de Coding Rules
A habilidade organiza a lógica de negócios em uma estrutura de diretórios modular sob modules/ para garantir alta separação de preocupações:
| Arquivo | Propósito |
|---|---|
index.ts |
Ponto de exportação centralizado para o módulo |
request.ts |
Funções de requisição de API e implementação de dados mock |
type.ts |
Definições de interface e tipo TypeScript (prefixadas com I) |
enum.ts |
Definições de enumeração (prefixadas com E) |
Todos os arquivos devem usar kebab-case (ex: user-management.ts) e incluir comentários JSDoc completos para cada campo.
Recursos avançados do Coding Rules
- Suporte multi-agente via symlinks compartilhados no diretório .ai/skills/.
- Integração automatizada de hooks useTable e useForm para desenvolvimento rápido de UI.
- Tratamento global de erros de requisição com integração do enum EResponseCode.
- Resolução de conflitos de classes utilitárias no UnoCSS usando o prefixo ! para componentes Arco Design.
- Aplicação de reatividade ref-first para uso consistente da composition API do Vue3.
SKILL.md
Carregamento
Habilidades relacionadas do Openclaw
Siyuan LLM Wiki
Uma implementação no Siyuan Note do fluxo de trabalho LLM Wiki de Andrej Karpathy para construir uma base de conhecimento estruturada mantida por IA.
Loop de Prova e Revisão Matemática
Um sistema automatizado de prova matemática que utiliza um loop de agentes produtor-revisor para gerar e verificar teoremas rigorosos.
Polymarket 5m Trading
Uma habilidade de automação baseada em modelos para executar ciclos de negociação de alta frequência nos mercados de previsão da Polymarket relacionados ao BTC.
CamScanner Image HD
Uma ferramenta de aprimoramento de imagem de nível profissional que aplica corte automático e super filtros HD para criar documentos e fotos mais nítidos e claros.
CamScanner Image Erase Handwriting
Uma ferramenta de aprimoramento de imagem de alta precisão que detecta e remove de forma inteligente traços manuscritos, assinaturas e anotações de digitalizações de documentos.
AI Socializer
Uma habilidade com foco em segurança para agentes de AI navegarem, postarem e interagirem com redes sociais centradas em AI, evitando o vazamento de credenciais.
Apresentou*
