shadcn-vue
The skill is based on shadcn-vue (latest, Reka UI v2 + Tailwind CSS v4), generated at 2026-02-14.
shadcn-vue is a code distribution system for Vue components. Instead of installing a package, you copy component source code into your project for full control. Components are built on Reka UI (headless primitives) and styled with Tailwind CSS.
Key conventions:
- Install components via
npx shadcn-vue@latest add <component> - Components live in
@/components/ui/<component> - Utilities in
@/lib/utils(providescnclass merge helper) - Composables in
@/composables/ - Uses
new-yorkstyle (default style is deprecated) - Reka UI provides the headless primitive layer
Core References
| Topic | Description | Reference |
|---|---|---|
| Project Setup & CLI | CLI commands, components.json config, project initialization | core-setup |
| Theming & Dark Mode | CSS variables, color conventions, dark mode setup | core-theming |
More from ycs77/skills
commit-message
Generate concise Git commit messages in imperative mood. Use when the user asks to create, write, draft, make, generate, or suggest a commit message, or when they say "commit these changes", "what should I commit?", or ask for help with git commit.
26github-release-notes
Generate GitHub release notes for the upcoming version, following the Keep a Changelog 1.1.0 spec. Use when the user is preparing a release and asks to "draft release notes", "generate release notes", "create GitHub release notes", "產生 release notes", "準備發布", "產生發布說明", or similar pre-release phrasings. Return the notes directly in chat as ready-to-paste Markdown — do NOT create or modify CHANGELOG.md or any other file.
8ycs77-vue
This skill should be used when applying project-specific opinionated Vue 3 conventions. It covers SFC block order (template-first vs script-first), inline typing for defineProps and defineEmits, using reactive() for form state management, ref type assertions with as Ref<Type> for complex types, same-name shorthand bindings in Vue 3.4+, and props access patterns in templates. Relevant when a user asks about template ordering, how to type props or emits inline, reactive vs ref for forms, ref type assertion patterns, shorthand attribute bindings, props usage in templates, or following Lucas Yang's Vue coding conventions.
7write-social-post
撰寫具戰略洞察力的社群貼文。適用於分享文章、趨勢、新聞摘要或技術評論。
5write
寫作 skill，用於撰寫技術文章或社群/群組貼文。只要使用者有任何寫作需求都應觸發，包含「幫我寫一篇」、「整理成貼文」、「寫一段介紹」、「發到群組」、「分享一篇」、「整理成一段話」、「寫新聞摘要」、「寫技術分享」、「發 Facebook／LinkedIn／Threads 貼文」等。
4