Does this skill support TinyVue's internationalization?

Yes, it provides specific rules and guides for configuring project-wide i18n settings according to OpenTiny standards.

Is this compatible with the latest version of OpenTiny?

Yes, it is designed to work with TinyVue 3.x, ensuring developers have access to the latest enterprise-grade components and features.

Why shouldn't I just use standard Vue skills for TinyVue components?

This skill enforces TinyVue-specific API constraints and internal logic, preventing the AI from hallucinating or guessing syntax based on other unrelated UI libraries.

How does it handle API property lookups?

It follows a strict lookup sequence: first identifying the component name, then checking the dedicated API docs, and finally referencing actual code demos to ensure accuracy.

Can I use it for theme customization and dark mode?

Absolutely. The skill includes documentation for project settings, including theme configuration and implementing dark mode.

TinyVue Component Assistant

Name: TinyVue Component Assistant
Author: opentiny

byopentiny

•

Design Tools

Generates and implements production-ready UI components using the OpenTiny TinyVue framework with strict API compliance.

The TinyVue Component Assistant is a specialized Claude Code skill designed to streamline frontend development using the OpenTiny ecosystem. It provides direct access to comprehensive API documentation, real-world code examples, and project configuration guides for themes and internationalization. By enforcing strict adherence to TinyVue's specific implementation patterns and architectural rules, it ensures that generated code is performant, consistent, and follows official best practices, eliminating the need for manual reference searching or guesswork during the development process.

Key Features

01Comprehensive project configuration guidance for i18n and themes

02Strict enforcement of TinyVue-specific coding standards

03Automated TinyVue component code generation

04Direct access to official code examples and demos

053 GitHub stars

06Real-time API, property, and slot validation

Use Cases

01Configuring global project settings like dark mode and internationalization

02Building complex enterprise UI layouts with TinyVue components

03Refactoring existing frontend code to follow TinyVue best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add opentiny/agent-skills tiny-vue-skill

For use in Claude.ai and ChatGPT

Download Skill