Home /Claude Skills /claude_skills
Highly Recommended

Claude_skills

Say goodbye to reinventing the wheel in Nuxt projects
The efficiency booster for Nuxt developers
Core Principle:
A game-changer for Nuxt4 developers. It auto-generates components following Atomic Design, standardizes Composables architecture, creates type-safe models with one click, and builds SEO-optimized page templates. Makes Nuxt development as easy as building blocks.
KEY FEATURES
01Atomic Components
Auto-generates Vue components following Atomic Design hierarchy
02Layered Logic
Three-layer Composables organize your business logic neatly
03Type Safety
Zod-powered model definitions eliminate type errors
04Smart Pages
4 standard page templates with built-in SEO and data prefetching
github.com/shota-ito/claude_skills
data-ai·shota-ito·2026-01-29·0·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/shota-ito/claude_skills.git
SSH
git clone [email protected]:shota-ito/claude_skills.git
GitHub CLI
gh repo clone shota-ito/claude_skills
FAQ
Q: What are the installation steps for Claude_skills Agent Skills?
1.Install Skill: Place skill folder in .claude/skills directory
2.Trigger Command: Type /skill+skill-name in Claude
3.Smart Guidance: Input parameters following interactive prompts
4.Code Generation: Get standardized code complying with conventions
Q: What are the highlights of Claude_skills Agent Skills?
  • Atomic Design ready out-of-the-box
  • Zero-config i18n multilingual support
  • Deep TypeScript integration
  • Enterprise-grade code consistency
Q: What are the use cases for Claude_skills Agent Skills?
  • Rapidly scaffold standard architecture for new projects
  • Standardize code in legacy projects
  • Unify coding style for team collaboration
  • Develop complex forms and API interactions
Q: What are the limitations of Claude_skills Agent Skills?
  • Nuxt4 framework only
  • Requires basic Atomic Design knowledge