A month ago, a user suggested that TinyVue should develop some Skills to facilitate AI programming.
It must be arranged!
Currently, both the TinyVue component library and the TinyRobot AI dialog component support Agent Skills. You can configure and use them on IDEs that support Skills, such as VSCode, Cursor, Trae, and so on.
Install TinyVue Skills
Execute the following command in the command line terminal:
npx skills add opentiny/agent-skills -g --skill tiny-vue-skill --agent trae
Installation method: Select Symlink (Recommended)
Installation successful!
Check if Skills is successfully installed:
npx skills list -g
Enable TinyVue Skills
Open Trae's settings page, navigate to the "Rules and Skills" menu on the left, find "Skills", and then activate the "tiny-vue-skill".
Utilize TinyVue Skills within the AI conversation interface
Open the AI sidebar in Trae and enter the following content:
Create a login component using the TinyVue component and integrate it into App.vue
AI will invoke the tiny-vue-skill, refer to the corresponding component API/Demo documentation based on the description in SKILL.md, and then use the appropriate TinyVue components to build the page you need.
This method is much more accurate than using AI to search for TinyVue usage in vast amounts of Internet plus information, and it consumes fewer tokens and is less prone to generating false impressions.
If you are using the TinyVue component library, we strongly recommend configuring tiny-vue-skill to enable AI-assisted coding for greater efficiency!
If you are using other IDEs such as VSCode Copilot or Cursor, it's fine. The installation steps for TinyVue Skills are similar. Simply replace the --agent in the command with the corresponding IDE. Here is the mapping table.
For example, to install tiny-vue-skill in Cursor:
npx skills add opentiny/agent-skills -g --skill tiny-vue-skill --agent cursor
About OpenTiny
Welcome to the OpenTiny open-source community. Add our WeChat assistant: opentiny-official to join and discuss frontend technologies together
OpenTiny official website: https://opentiny.design
OpenTiny code repository: https://github.com/opentiny
TinyVue skills repository: https://github.com/opentiny/agent-skills (Welcome to Star ⭐)
Welcome to the code repository Star🌟TinyVue, TinyEngine, TinyPro, TinyNG, TinyCLI, TinyEditor. If you also want to collaborate, you can enter the code repository, find the "good first issue" tag, and participate in open source contributions together
If you have any questions, feel free to leave a message and discuss them in the comment section!
If you also want to collaborate, you can enter the code repository, find the "good first issue" tag, and participate in open source contributions together
Top comments (0)