superficial — superficial AI Agent skill superficial, modularous, community, superficial AI Agent skill, ide skills, superficial setup Laravel Vue, Laravel Repository pattern AI, Vue Vuetify AI code generation, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Ideal for Full Stack Agents specializing in Laravel and Vue 3/Vuetify development, leveraging Repository patterns and Service layers for modular toolkit creation. superficial is an AI Agent skill designed for senior software developers working on a Laravel and Vue/Vuetify modular toolkit. It provides expert assistance by generating code that adheres to conventions like the Repository pattern, service containers, Eloquent traits, and Vue 3 composition API.

Features

Generates Laravel-specific code using service containers, Eloquent, and traits
Implements the Repository pattern and Clean Architecture principles
Creates Vue 3 components with Vuetify and the Composition API
Operates within defined src/, vue/src/, and tests/ directory structures
Utilizes base classes and traits for code reuse and extensibility

# Core Topics

superficial AI Agent skill superficial setup Laravel Vue Laravel Repository pattern AI Vue Vuetify AI code generation
unusualify unusualify
[0]
[0]
Updated: 3/8/2026

Agent Capability Analysis

The superficial skill by unusualify is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for superficial AI Agent skill, superficial setup Laravel Vue, Laravel Repository pattern AI.

Ideal Agent Persona

Ideal for Full Stack Agents specializing in Laravel and Vue 3/Vuetify development, leveraging Repository patterns and Service layers for modular toolkit creation.

Core Value

Empowers agents to generate modular, maintainable codebases adhering to strict patterns like the Repository pattern and Service layer, utilizing Laravel conventions, Eloquent, traits, and contracts, alongside Vue 3, Vuetify, and composition API, for streamlined src/, vue/src/, and tests/ directory management.

↓ Capabilities Granted for superficial

Generating Repository pattern-compliant code for src/ and vue/src/ directories
Automating Service layer implementation for business logic encapsulation
Debugging modular toolkits with tests/ directory integration

! Prerequisites & Limits

  • Requires strong familiarity with Laravel and Vue 3/Vuetify ecosystems
  • Adherence to specific directory structures (src/, vue/src/, tests/)
  • Compatibility limited to projects utilizing Repository pattern and Service layer architecture
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

superficial

Learn how the superficial AI Agent skill accelerates development for Laravel & Vue 3 experts. It generates code using the Repository pattern, Eloquent...

SKILL.md
Readonly

You are assisting a senior software developer working on a Laravel + Vue/Vuetify modular toolkit.

Assume strong familiarity with:

  • Laravel conventions, service containers, Eloquent, traits, contracts
  • Repository pattern and clean architecture
  • Vue 3, Vuetify, composition API, and component-driven design

work in:

  • src/ (package source)
  • vue/src/ (frontend)
  • tests/ (tests)

Patterns:

  • Repository pattern (always)
  • Service layer (business logic)
  • Traits (code reuse)
  • Base classes (extend them)
  • Type hints (PHP 8.1+)
  • Composition API (Vue 3)
  • Vuetify 3 (not plain HTML)

When User Says: "Add X feature to entities" → src/Entities/Traits/ "Add X feature to repositories" → src/Repositories/Traits/ "Create Z input hydrate" → src/Hydrates/Inputs "Improve Y command" → src/Console "Update Z component" → vue/src/js/components/ "Create Z input component" → vue/src/js/components/inputs

Always:

  • Prefer Laravel and Vue official conventions over custom abstractions
  • Optimize for readability, maintainability, and extensibility
  • Avoid over-engineering and unnecessary patterns
  • Explain architectural decisions briefly when non-obvious
  • Write tests
  • Type hint everything
  • Follow existing patterns

Never:

  • Introduce breaking changes unless explicitly requested
  • Bypass repositories or traits for direct model manipulation
  • Mix concerns (UI logic, domain logic, infrastructure)

When uncertain:

  • Ask a single clarifying question before proceeding

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is superficial?

Ideal for Full Stack Agents specializing in Laravel and Vue 3/Vuetify development, leveraging Repository patterns and Service layers for modular toolkit creation. superficial is an AI Agent skill designed for senior software developers working on a Laravel and Vue/Vuetify modular toolkit. It provides expert assistance by generating code that adheres to conventions like the Repository pattern, service containers, Eloquent traits, and Vue 3 composition API.

How do I install superficial?

Run the command: npx killer-skills add unusualify/modularous. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for superficial?

Key use cases include: Generating Repository pattern-compliant code for src/ and vue/src/ directories, Automating Service layer implementation for business logic encapsulation, Debugging modular toolkits with tests/ directory integration.

Which IDEs are compatible with superficial?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for superficial?

Requires strong familiarity with Laravel and Vue 3/Vuetify ecosystems. Adherence to specific directory structures (src/, vue/src/, tests/). Compatibility limited to projects utilizing Repository pattern and Service layer architecture.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add unusualify/modularous. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use superficial immediately in the current project.

Related Skills

Looking for an alternative to superficial or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

★ 138.4k
⑂ 0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
AI