diff --git a/.agents/skills/adapt/SKILL.md b/.agents/skills/adapt/SKILL.md index 84f24d847..165c66dcc 100644 --- a/.agents/skills/adapt/SKILL.md +++ b/.agents/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. user-invocable: true argument-hint: "[target] [context (mobile, tablet, print...)]" --- diff --git a/.agents/skills/animate/SKILL.md b/.agents/skills/animate/SKILL.md index 7a00cf6b8..3d006d15e 100644 --- a/.agents/skills/animate/SKILL.md +++ b/.agents/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/arrange/SKILL.md b/.agents/skills/arrange/SKILL.md index 3b29230f0..ce4cf3ad6 100644 --- a/.agents/skills/arrange/SKILL.md +++ b/.agents/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/audit/SKILL.md b/.agents/skills/audit/SKILL.md index 185f87cfc..b0cee9eaa 100644 --- a/.agents/skills/audit/SKILL.md +++ b/.agents/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.agents/skills/bolder/SKILL.md b/.agents/skills/bolder/SKILL.md index cf2babce4..0b03f025f 100644 --- a/.agents/skills/bolder/SKILL.md +++ b/.agents/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/clarify/SKILL.md b/.agents/skills/clarify/SKILL.md index 940cc1450..4db9228d6 100644 --- a/.agents/skills/clarify/SKILL.md +++ b/.agents/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/colorize/SKILL.md b/.agents/skills/colorize/SKILL.md index bd66f584f..0b092ac08 100644 --- a/.agents/skills/colorize/SKILL.md +++ b/.agents/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/critique/SKILL.md b/.agents/skills/critique/SKILL.md index e3d93c3e8..29806cd81 100644 --- a/.agents/skills/critique/SKILL.md +++ b/.agents/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.agents/skills/delight/SKILL.md b/.agents/skills/delight/SKILL.md index 4fd29863c..fe39492d7 100644 --- a/.agents/skills/delight/SKILL.md +++ b/.agents/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/distill/SKILL.md b/.agents/skills/distill/SKILL.md index c17549f4d..fd2a8e47f 100644 --- a/.agents/skills/distill/SKILL.md +++ b/.agents/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/extract/SKILL.md b/.agents/skills/extract/SKILL.md index 98f62a04c..4b57ea396 100644 --- a/.agents/skills/extract/SKILL.md +++ b/.agents/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/frontend-design/SKILL.md b/.agents/skills/frontend-design/SKILL.md index 8a85856a8..dd7c5dd4c 100644 --- a/.agents/skills/frontend-design/SKILL.md +++ b/.agents/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.agents/skills/harden/SKILL.md b/.agents/skills/harden/SKILL.md index f901773a6..d870ddd13 100644 --- a/.agents/skills/harden/SKILL.md +++ b/.agents/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/normalize/SKILL.md b/.agents/skills/normalize/SKILL.md index a5396755f..4015c54a3 100644 --- a/.agents/skills/normalize/SKILL.md +++ b/.agents/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. user-invocable: true argument-hint: "[feature (page, route, component...)]" --- diff --git a/.agents/skills/onboard/SKILL.md b/.agents/skills/onboard/SKILL.md index b11fbbfe1..14666050b 100644 --- a/.agents/skills/onboard/SKILL.md +++ b/.agents/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/optimize/SKILL.md b/.agents/skills/optimize/SKILL.md index 3f76667f6..5315a8d06 100644 --- a/.agents/skills/optimize/SKILL.md +++ b/.agents/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/overdrive/SKILL.md b/.agents/skills/overdrive/SKILL.md index 95c6819f4..fd9199ec6 100644 --- a/.agents/skills/overdrive/SKILL.md +++ b/.agents/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/polish/SKILL.md b/.agents/skills/polish/SKILL.md index efa8004ed..fcaae6e88 100644 --- a/.agents/skills/polish/SKILL.md +++ b/.agents/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/quieter/SKILL.md b/.agents/skills/quieter/SKILL.md index 4779dd977..555ca446e 100644 --- a/.agents/skills/quieter/SKILL.md +++ b/.agents/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. user-invocable: true argument-hint: "[target]" --- diff --git a/.agents/skills/typeset/SKILL.md b/.agents/skills/typeset/SKILL.md index 8957bba80..139153a28 100644 --- a/.agents/skills/typeset/SKILL.md +++ b/.agents/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/adapt/SKILL.md b/.claude/skills/adapt/SKILL.md index 84f24d847..165c66dcc 100644 --- a/.claude/skills/adapt/SKILL.md +++ b/.claude/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. user-invocable: true argument-hint: "[target] [context (mobile, tablet, print...)]" --- diff --git a/.claude/skills/animate/SKILL.md b/.claude/skills/animate/SKILL.md index 68f113741..c2aeb2a62 100644 --- a/.claude/skills/animate/SKILL.md +++ b/.claude/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/arrange/SKILL.md b/.claude/skills/arrange/SKILL.md index 3b29230f0..ce4cf3ad6 100644 --- a/.claude/skills/arrange/SKILL.md +++ b/.claude/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/audit/SKILL.md b/.claude/skills/audit/SKILL.md index 185f87cfc..b0cee9eaa 100644 --- a/.claude/skills/audit/SKILL.md +++ b/.claude/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.claude/skills/bolder/SKILL.md b/.claude/skills/bolder/SKILL.md index e228ecd1c..cc5be2f3d 100644 --- a/.claude/skills/bolder/SKILL.md +++ b/.claude/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/clarify/SKILL.md b/.claude/skills/clarify/SKILL.md index 940cc1450..4db9228d6 100644 --- a/.claude/skills/clarify/SKILL.md +++ b/.claude/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/colorize/SKILL.md b/.claude/skills/colorize/SKILL.md index e0c85ae77..01205dd89 100644 --- a/.claude/skills/colorize/SKILL.md +++ b/.claude/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/critique/SKILL.md b/.claude/skills/critique/SKILL.md index e3d93c3e8..29806cd81 100644 --- a/.claude/skills/critique/SKILL.md +++ b/.claude/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.claude/skills/delight/SKILL.md b/.claude/skills/delight/SKILL.md index 6119339db..ff33d7288 100644 --- a/.claude/skills/delight/SKILL.md +++ b/.claude/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/distill/SKILL.md b/.claude/skills/distill/SKILL.md index 3d6269a81..acd814616 100644 --- a/.claude/skills/distill/SKILL.md +++ b/.claude/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/extract/SKILL.md b/.claude/skills/extract/SKILL.md index 98f62a04c..4b57ea396 100644 --- a/.claude/skills/extract/SKILL.md +++ b/.claude/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/frontend-design/SKILL.md b/.claude/skills/frontend-design/SKILL.md index 33db0ba7e..f7ad80468 100644 --- a/.claude/skills/frontend-design/SKILL.md +++ b/.claude/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.claude/skills/harden/SKILL.md b/.claude/skills/harden/SKILL.md index f901773a6..d870ddd13 100644 --- a/.claude/skills/harden/SKILL.md +++ b/.claude/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/normalize/SKILL.md b/.claude/skills/normalize/SKILL.md index a5396755f..4015c54a3 100644 --- a/.claude/skills/normalize/SKILL.md +++ b/.claude/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. user-invocable: true argument-hint: "[feature (page, route, component...)]" --- diff --git a/.claude/skills/onboard/SKILL.md b/.claude/skills/onboard/SKILL.md index b11fbbfe1..14666050b 100644 --- a/.claude/skills/onboard/SKILL.md +++ b/.claude/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/optimize/SKILL.md b/.claude/skills/optimize/SKILL.md index 3f76667f6..5315a8d06 100644 --- a/.claude/skills/optimize/SKILL.md +++ b/.claude/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/overdrive/SKILL.md b/.claude/skills/overdrive/SKILL.md index 8c07fa8e0..e0a5d9c80 100644 --- a/.claude/skills/overdrive/SKILL.md +++ b/.claude/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/polish/SKILL.md b/.claude/skills/polish/SKILL.md index efa8004ed..fcaae6e88 100644 --- a/.claude/skills/polish/SKILL.md +++ b/.claude/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/quieter/SKILL.md b/.claude/skills/quieter/SKILL.md index c97bb20f6..9090eacdb 100644 --- a/.claude/skills/quieter/SKILL.md +++ b/.claude/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. user-invocable: true argument-hint: "[target]" --- diff --git a/.claude/skills/typeset/SKILL.md b/.claude/skills/typeset/SKILL.md index 8957bba80..139153a28 100644 --- a/.claude/skills/typeset/SKILL.md +++ b/.claude/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. user-invocable: true argument-hint: "[target]" --- diff --git a/.codex/skills/adapt/SKILL.md b/.codex/skills/adapt/SKILL.md index 739c3b6e3..12c157628 100644 --- a/.codex/skills/adapt/SKILL.md +++ b/.codex/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. argument-hint: "[target] [context (mobile, tablet, print...)]" --- diff --git a/.codex/skills/animate/SKILL.md b/.codex/skills/animate/SKILL.md index 750f6d65e..5055541c2 100644 --- a/.codex/skills/animate/SKILL.md +++ b/.codex/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. argument-hint: "[target]" --- diff --git a/.codex/skills/arrange/SKILL.md b/.codex/skills/arrange/SKILL.md index c5822381f..a9f2f3a07 100644 --- a/.codex/skills/arrange/SKILL.md +++ b/.codex/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. argument-hint: "[target]" --- diff --git a/.codex/skills/audit/SKILL.md b/.codex/skills/audit/SKILL.md index 926225461..700e98f63 100644 --- a/.codex/skills/audit/SKILL.md +++ b/.codex/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. argument-hint: "[area (feature, page, component...)]" --- diff --git a/.codex/skills/bolder/SKILL.md b/.codex/skills/bolder/SKILL.md index 5e2fe889d..9fccbf5fc 100644 --- a/.codex/skills/bolder/SKILL.md +++ b/.codex/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. argument-hint: "[target]" --- diff --git a/.codex/skills/clarify/SKILL.md b/.codex/skills/clarify/SKILL.md index 33ff829ea..145c72aef 100644 --- a/.codex/skills/clarify/SKILL.md +++ b/.codex/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. argument-hint: "[target]" --- diff --git a/.codex/skills/colorize/SKILL.md b/.codex/skills/colorize/SKILL.md index 7ec6fe8a8..9c76379bc 100644 --- a/.codex/skills/colorize/SKILL.md +++ b/.codex/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. argument-hint: "[target]" --- diff --git a/.codex/skills/critique/SKILL.md b/.codex/skills/critique/SKILL.md index b60342887..27e5d98bc 100644 --- a/.codex/skills/critique/SKILL.md +++ b/.codex/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. argument-hint: "[area (feature, page, component...)]" --- diff --git a/.codex/skills/delight/SKILL.md b/.codex/skills/delight/SKILL.md index 856096ae4..9a3b44371 100644 --- a/.codex/skills/delight/SKILL.md +++ b/.codex/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. argument-hint: "[target]" --- diff --git a/.codex/skills/distill/SKILL.md b/.codex/skills/distill/SKILL.md index f7d1d7ba1..6ece45177 100644 --- a/.codex/skills/distill/SKILL.md +++ b/.codex/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. argument-hint: "[target]" --- diff --git a/.codex/skills/extract/SKILL.md b/.codex/skills/extract/SKILL.md index ced714904..77b9d0da5 100644 --- a/.codex/skills/extract/SKILL.md +++ b/.codex/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. argument-hint: "[target]" --- diff --git a/.codex/skills/frontend-design/SKILL.md b/.codex/skills/frontend-design/SKILL.md index d7c23aa78..a776c78dd 100644 --- a/.codex/skills/frontend-design/SKILL.md +++ b/.codex/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.codex/skills/harden/SKILL.md b/.codex/skills/harden/SKILL.md index e74bc150f..8919f5e49 100644 --- a/.codex/skills/harden/SKILL.md +++ b/.codex/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. argument-hint: "[target]" --- diff --git a/.codex/skills/normalize/SKILL.md b/.codex/skills/normalize/SKILL.md index 2683b48dc..3cb987a03 100644 --- a/.codex/skills/normalize/SKILL.md +++ b/.codex/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. argument-hint: "[feature (page, route, component...)]" --- diff --git a/.codex/skills/onboard/SKILL.md b/.codex/skills/onboard/SKILL.md index 56d109cb8..35d4968d9 100644 --- a/.codex/skills/onboard/SKILL.md +++ b/.codex/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. argument-hint: "[target]" --- diff --git a/.codex/skills/optimize/SKILL.md b/.codex/skills/optimize/SKILL.md index 35417e9f6..96916805a 100644 --- a/.codex/skills/optimize/SKILL.md +++ b/.codex/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. argument-hint: "[target]" --- diff --git a/.codex/skills/overdrive/SKILL.md b/.codex/skills/overdrive/SKILL.md index c9d160b04..df38a086e 100644 --- a/.codex/skills/overdrive/SKILL.md +++ b/.codex/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. argument-hint: "[target]" --- diff --git a/.codex/skills/polish/SKILL.md b/.codex/skills/polish/SKILL.md index bcd14a9c3..5010db3f0 100644 --- a/.codex/skills/polish/SKILL.md +++ b/.codex/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. argument-hint: "[target]" --- diff --git a/.codex/skills/quieter/SKILL.md b/.codex/skills/quieter/SKILL.md index fb7635fb5..5390054ed 100644 --- a/.codex/skills/quieter/SKILL.md +++ b/.codex/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. argument-hint: "[target]" --- diff --git a/.codex/skills/typeset/SKILL.md b/.codex/skills/typeset/SKILL.md index 3e3aea3b5..239178118 100644 --- a/.codex/skills/typeset/SKILL.md +++ b/.codex/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. argument-hint: "[target]" --- diff --git a/.cursor/skills/adapt/SKILL.md b/.cursor/skills/adapt/SKILL.md index e344cc695..2b30e16f4 100644 --- a/.cursor/skills/adapt/SKILL.md +++ b/.cursor/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. --- Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. diff --git a/.cursor/skills/animate/SKILL.md b/.cursor/skills/animate/SKILL.md index 629b842c7..f22c210db 100644 --- a/.cursor/skills/animate/SKILL.md +++ b/.cursor/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. --- Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight. diff --git a/.cursor/skills/arrange/SKILL.md b/.cursor/skills/arrange/SKILL.md index 94bfd35f7..1d3a6beb2 100644 --- a/.cursor/skills/arrange/SKILL.md +++ b/.cursor/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. --- Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions. diff --git a/.cursor/skills/audit/SKILL.md b/.cursor/skills/audit/SKILL.md index 86349386e..6490cb9aa 100644 --- a/.cursor/skills/audit/SKILL.md +++ b/.cursor/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. --- Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address. diff --git a/.cursor/skills/bolder/SKILL.md b/.cursor/skills/bolder/SKILL.md index 7690716af..a43c8003d 100644 --- a/.cursor/skills/bolder/SKILL.md +++ b/.cursor/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. --- Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences. diff --git a/.cursor/skills/clarify/SKILL.md b/.cursor/skills/clarify/SKILL.md index c11b240af..462a515fa 100644 --- a/.cursor/skills/clarify/SKILL.md +++ b/.cursor/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. --- Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use. diff --git a/.cursor/skills/colorize/SKILL.md b/.cursor/skills/colorize/SKILL.md index 93aa6bd28..39cabdaf3 100644 --- a/.cursor/skills/colorize/SKILL.md +++ b/.cursor/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. --- Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality. diff --git a/.cursor/skills/critique/SKILL.md b/.cursor/skills/critique/SKILL.md index 3479c10d3..f964b3eee 100644 --- a/.cursor/skills/critique/SKILL.md +++ b/.cursor/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. --- ## MANDATORY PREPARATION diff --git a/.cursor/skills/delight/SKILL.md b/.cursor/skills/delight/SKILL.md index e544934f6..d3d76c3ae 100644 --- a/.cursor/skills/delight/SKILL.md +++ b/.cursor/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. --- Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences. diff --git a/.cursor/skills/distill/SKILL.md b/.cursor/skills/distill/SKILL.md index e37121d7b..05b49d392 100644 --- a/.cursor/skills/distill/SKILL.md +++ b/.cursor/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. --- Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification. diff --git a/.cursor/skills/extract/SKILL.md b/.cursor/skills/extract/SKILL.md index 6069efd8e..83d952496 100644 --- a/.cursor/skills/extract/SKILL.md +++ b/.cursor/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. --- Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse. diff --git a/.cursor/skills/frontend-design/SKILL.md b/.cursor/skills/frontend-design/SKILL.md index 8a85856a8..dd7c5dd4c 100644 --- a/.cursor/skills/frontend-design/SKILL.md +++ b/.cursor/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.cursor/skills/harden/SKILL.md b/.cursor/skills/harden/SKILL.md index 01b5bcd4b..bb2cc7fec 100644 --- a/.cursor/skills/harden/SKILL.md +++ b/.cursor/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. --- Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs. diff --git a/.cursor/skills/normalize/SKILL.md b/.cursor/skills/normalize/SKILL.md index 42df54fa8..260a96fec 100644 --- a/.cursor/skills/normalize/SKILL.md +++ b/.cursor/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. --- Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns. diff --git a/.cursor/skills/onboard/SKILL.md b/.cursor/skills/onboard/SKILL.md index 6541d7838..2e9f7773d 100644 --- a/.cursor/skills/onboard/SKILL.md +++ b/.cursor/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. --- ## MANDATORY PREPARATION diff --git a/.cursor/skills/optimize/SKILL.md b/.cursor/skills/optimize/SKILL.md index d014fd5dd..837bb13c8 100644 --- a/.cursor/skills/optimize/SKILL.md +++ b/.cursor/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. --- Identify and fix performance issues to create faster, smoother user experiences. diff --git a/.cursor/skills/overdrive/SKILL.md b/.cursor/skills/overdrive/SKILL.md index bcd7c8c49..f890ceae4 100644 --- a/.cursor/skills/overdrive/SKILL.md +++ b/.cursor/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. --- Start your response with: diff --git a/.cursor/skills/polish/SKILL.md b/.cursor/skills/polish/SKILL.md index d3e8f4505..fe7c63210 100644 --- a/.cursor/skills/polish/SKILL.md +++ b/.cursor/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. --- ## MANDATORY PREPARATION diff --git a/.cursor/skills/quieter/SKILL.md b/.cursor/skills/quieter/SKILL.md index 049a6201d..22375f005 100644 --- a/.cursor/skills/quieter/SKILL.md +++ b/.cursor/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. --- Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness. diff --git a/.cursor/skills/typeset/SKILL.md b/.cursor/skills/typeset/SKILL.md index 53872040a..2acf08b3e 100644 --- a/.cursor/skills/typeset/SKILL.md +++ b/.cursor/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. --- Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type. diff --git a/.gemini/skills/adapt/SKILL.md b/.gemini/skills/adapt/SKILL.md index e344cc695..2b30e16f4 100644 --- a/.gemini/skills/adapt/SKILL.md +++ b/.gemini/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. --- Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. diff --git a/.gemini/skills/animate/SKILL.md b/.gemini/skills/animate/SKILL.md index 629b842c7..f22c210db 100644 --- a/.gemini/skills/animate/SKILL.md +++ b/.gemini/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. --- Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight. diff --git a/.gemini/skills/arrange/SKILL.md b/.gemini/skills/arrange/SKILL.md index 94bfd35f7..1d3a6beb2 100644 --- a/.gemini/skills/arrange/SKILL.md +++ b/.gemini/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. --- Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions. diff --git a/.gemini/skills/audit/SKILL.md b/.gemini/skills/audit/SKILL.md index 86349386e..6490cb9aa 100644 --- a/.gemini/skills/audit/SKILL.md +++ b/.gemini/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. --- Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address. diff --git a/.gemini/skills/bolder/SKILL.md b/.gemini/skills/bolder/SKILL.md index 7690716af..a43c8003d 100644 --- a/.gemini/skills/bolder/SKILL.md +++ b/.gemini/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. --- Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences. diff --git a/.gemini/skills/clarify/SKILL.md b/.gemini/skills/clarify/SKILL.md index c11b240af..462a515fa 100644 --- a/.gemini/skills/clarify/SKILL.md +++ b/.gemini/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. --- Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use. diff --git a/.gemini/skills/colorize/SKILL.md b/.gemini/skills/colorize/SKILL.md index 93aa6bd28..39cabdaf3 100644 --- a/.gemini/skills/colorize/SKILL.md +++ b/.gemini/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. --- Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality. diff --git a/.gemini/skills/critique/SKILL.md b/.gemini/skills/critique/SKILL.md index 3479c10d3..f964b3eee 100644 --- a/.gemini/skills/critique/SKILL.md +++ b/.gemini/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. --- ## MANDATORY PREPARATION diff --git a/.gemini/skills/delight/SKILL.md b/.gemini/skills/delight/SKILL.md index e544934f6..d3d76c3ae 100644 --- a/.gemini/skills/delight/SKILL.md +++ b/.gemini/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. --- Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences. diff --git a/.gemini/skills/distill/SKILL.md b/.gemini/skills/distill/SKILL.md index e37121d7b..05b49d392 100644 --- a/.gemini/skills/distill/SKILL.md +++ b/.gemini/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. --- Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification. diff --git a/.gemini/skills/extract/SKILL.md b/.gemini/skills/extract/SKILL.md index 6069efd8e..83d952496 100644 --- a/.gemini/skills/extract/SKILL.md +++ b/.gemini/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. --- Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse. diff --git a/.gemini/skills/frontend-design/SKILL.md b/.gemini/skills/frontend-design/SKILL.md index 0bb59fa35..120010041 100644 --- a/.gemini/skills/frontend-design/SKILL.md +++ b/.gemini/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. --- This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices. diff --git a/.gemini/skills/harden/SKILL.md b/.gemini/skills/harden/SKILL.md index 01b5bcd4b..bb2cc7fec 100644 --- a/.gemini/skills/harden/SKILL.md +++ b/.gemini/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. --- Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs. diff --git a/.gemini/skills/normalize/SKILL.md b/.gemini/skills/normalize/SKILL.md index 42df54fa8..260a96fec 100644 --- a/.gemini/skills/normalize/SKILL.md +++ b/.gemini/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. --- Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns. diff --git a/.gemini/skills/onboard/SKILL.md b/.gemini/skills/onboard/SKILL.md index 6541d7838..2e9f7773d 100644 --- a/.gemini/skills/onboard/SKILL.md +++ b/.gemini/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. --- ## MANDATORY PREPARATION diff --git a/.gemini/skills/optimize/SKILL.md b/.gemini/skills/optimize/SKILL.md index d014fd5dd..837bb13c8 100644 --- a/.gemini/skills/optimize/SKILL.md +++ b/.gemini/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. --- Identify and fix performance issues to create faster, smoother user experiences. diff --git a/.gemini/skills/overdrive/SKILL.md b/.gemini/skills/overdrive/SKILL.md index bcd7c8c49..f890ceae4 100644 --- a/.gemini/skills/overdrive/SKILL.md +++ b/.gemini/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. --- Start your response with: diff --git a/.gemini/skills/polish/SKILL.md b/.gemini/skills/polish/SKILL.md index d3e8f4505..fe7c63210 100644 --- a/.gemini/skills/polish/SKILL.md +++ b/.gemini/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. --- ## MANDATORY PREPARATION diff --git a/.gemini/skills/quieter/SKILL.md b/.gemini/skills/quieter/SKILL.md index 049a6201d..22375f005 100644 --- a/.gemini/skills/quieter/SKILL.md +++ b/.gemini/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. --- Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness. diff --git a/.gemini/skills/typeset/SKILL.md b/.gemini/skills/typeset/SKILL.md index 53872040a..2acf08b3e 100644 --- a/.gemini/skills/typeset/SKILL.md +++ b/.gemini/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. --- Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type. diff --git a/.kiro/skills/adapt/SKILL.md b/.kiro/skills/adapt/SKILL.md index e344cc695..2b30e16f4 100644 --- a/.kiro/skills/adapt/SKILL.md +++ b/.kiro/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. --- Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. diff --git a/.kiro/skills/animate/SKILL.md b/.kiro/skills/animate/SKILL.md index 629b842c7..f22c210db 100644 --- a/.kiro/skills/animate/SKILL.md +++ b/.kiro/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. --- Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight. diff --git a/.kiro/skills/arrange/SKILL.md b/.kiro/skills/arrange/SKILL.md index 94bfd35f7..1d3a6beb2 100644 --- a/.kiro/skills/arrange/SKILL.md +++ b/.kiro/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. --- Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions. diff --git a/.kiro/skills/audit/SKILL.md b/.kiro/skills/audit/SKILL.md index 86349386e..6490cb9aa 100644 --- a/.kiro/skills/audit/SKILL.md +++ b/.kiro/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. --- Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address. diff --git a/.kiro/skills/bolder/SKILL.md b/.kiro/skills/bolder/SKILL.md index 7690716af..a43c8003d 100644 --- a/.kiro/skills/bolder/SKILL.md +++ b/.kiro/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. --- Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences. diff --git a/.kiro/skills/clarify/SKILL.md b/.kiro/skills/clarify/SKILL.md index c11b240af..462a515fa 100644 --- a/.kiro/skills/clarify/SKILL.md +++ b/.kiro/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. --- Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use. diff --git a/.kiro/skills/colorize/SKILL.md b/.kiro/skills/colorize/SKILL.md index 93aa6bd28..39cabdaf3 100644 --- a/.kiro/skills/colorize/SKILL.md +++ b/.kiro/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. --- Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality. diff --git a/.kiro/skills/critique/SKILL.md b/.kiro/skills/critique/SKILL.md index 3479c10d3..f964b3eee 100644 --- a/.kiro/skills/critique/SKILL.md +++ b/.kiro/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. --- ## MANDATORY PREPARATION diff --git a/.kiro/skills/delight/SKILL.md b/.kiro/skills/delight/SKILL.md index e544934f6..d3d76c3ae 100644 --- a/.kiro/skills/delight/SKILL.md +++ b/.kiro/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. --- Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences. diff --git a/.kiro/skills/distill/SKILL.md b/.kiro/skills/distill/SKILL.md index e37121d7b..05b49d392 100644 --- a/.kiro/skills/distill/SKILL.md +++ b/.kiro/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. --- Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification. diff --git a/.kiro/skills/extract/SKILL.md b/.kiro/skills/extract/SKILL.md index 6069efd8e..83d952496 100644 --- a/.kiro/skills/extract/SKILL.md +++ b/.kiro/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. --- Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse. diff --git a/.kiro/skills/frontend-design/SKILL.md b/.kiro/skills/frontend-design/SKILL.md index 33db0ba7e..f7ad80468 100644 --- a/.kiro/skills/frontend-design/SKILL.md +++ b/.kiro/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.kiro/skills/harden/SKILL.md b/.kiro/skills/harden/SKILL.md index 01b5bcd4b..bb2cc7fec 100644 --- a/.kiro/skills/harden/SKILL.md +++ b/.kiro/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. --- Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs. diff --git a/.kiro/skills/normalize/SKILL.md b/.kiro/skills/normalize/SKILL.md index 42df54fa8..260a96fec 100644 --- a/.kiro/skills/normalize/SKILL.md +++ b/.kiro/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. --- Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns. diff --git a/.kiro/skills/onboard/SKILL.md b/.kiro/skills/onboard/SKILL.md index 6541d7838..2e9f7773d 100644 --- a/.kiro/skills/onboard/SKILL.md +++ b/.kiro/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. --- ## MANDATORY PREPARATION diff --git a/.kiro/skills/optimize/SKILL.md b/.kiro/skills/optimize/SKILL.md index d014fd5dd..837bb13c8 100644 --- a/.kiro/skills/optimize/SKILL.md +++ b/.kiro/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. --- Identify and fix performance issues to create faster, smoother user experiences. diff --git a/.kiro/skills/overdrive/SKILL.md b/.kiro/skills/overdrive/SKILL.md index bcd7c8c49..f890ceae4 100644 --- a/.kiro/skills/overdrive/SKILL.md +++ b/.kiro/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. --- Start your response with: diff --git a/.kiro/skills/polish/SKILL.md b/.kiro/skills/polish/SKILL.md index d3e8f4505..fe7c63210 100644 --- a/.kiro/skills/polish/SKILL.md +++ b/.kiro/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. --- ## MANDATORY PREPARATION diff --git a/.kiro/skills/quieter/SKILL.md b/.kiro/skills/quieter/SKILL.md index 049a6201d..22375f005 100644 --- a/.kiro/skills/quieter/SKILL.md +++ b/.kiro/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. --- Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness. diff --git a/.kiro/skills/typeset/SKILL.md b/.kiro/skills/typeset/SKILL.md index 53872040a..2acf08b3e 100644 --- a/.kiro/skills/typeset/SKILL.md +++ b/.kiro/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. --- Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type. diff --git a/.opencode/skills/adapt/SKILL.md b/.opencode/skills/adapt/SKILL.md index 84f24d847..165c66dcc 100644 --- a/.opencode/skills/adapt/SKILL.md +++ b/.opencode/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. user-invocable: true argument-hint: "[target] [context (mobile, tablet, print...)]" --- diff --git a/.opencode/skills/animate/SKILL.md b/.opencode/skills/animate/SKILL.md index c3a85e24e..479f9916a 100644 --- a/.opencode/skills/animate/SKILL.md +++ b/.opencode/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/arrange/SKILL.md b/.opencode/skills/arrange/SKILL.md index 3b29230f0..ce4cf3ad6 100644 --- a/.opencode/skills/arrange/SKILL.md +++ b/.opencode/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/audit/SKILL.md b/.opencode/skills/audit/SKILL.md index 185f87cfc..b0cee9eaa 100644 --- a/.opencode/skills/audit/SKILL.md +++ b/.opencode/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.opencode/skills/bolder/SKILL.md b/.opencode/skills/bolder/SKILL.md index caa3dc6bd..b4b014735 100644 --- a/.opencode/skills/bolder/SKILL.md +++ b/.opencode/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/clarify/SKILL.md b/.opencode/skills/clarify/SKILL.md index 940cc1450..4db9228d6 100644 --- a/.opencode/skills/clarify/SKILL.md +++ b/.opencode/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/colorize/SKILL.md b/.opencode/skills/colorize/SKILL.md index 495611f10..c77cedb4d 100644 --- a/.opencode/skills/colorize/SKILL.md +++ b/.opencode/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/critique/SKILL.md b/.opencode/skills/critique/SKILL.md index e3d93c3e8..29806cd81 100644 --- a/.opencode/skills/critique/SKILL.md +++ b/.opencode/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.opencode/skills/delight/SKILL.md b/.opencode/skills/delight/SKILL.md index c4b127583..72a683bcc 100644 --- a/.opencode/skills/delight/SKILL.md +++ b/.opencode/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/distill/SKILL.md b/.opencode/skills/distill/SKILL.md index 883a6ec33..6c6ecbf3c 100644 --- a/.opencode/skills/distill/SKILL.md +++ b/.opencode/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/extract/SKILL.md b/.opencode/skills/extract/SKILL.md index 98f62a04c..4b57ea396 100644 --- a/.opencode/skills/extract/SKILL.md +++ b/.opencode/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/frontend-design/SKILL.md b/.opencode/skills/frontend-design/SKILL.md index 33db0ba7e..f7ad80468 100644 --- a/.opencode/skills/frontend-design/SKILL.md +++ b/.opencode/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.opencode/skills/harden/SKILL.md b/.opencode/skills/harden/SKILL.md index f901773a6..d870ddd13 100644 --- a/.opencode/skills/harden/SKILL.md +++ b/.opencode/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/normalize/SKILL.md b/.opencode/skills/normalize/SKILL.md index a5396755f..4015c54a3 100644 --- a/.opencode/skills/normalize/SKILL.md +++ b/.opencode/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. user-invocable: true argument-hint: "[feature (page, route, component...)]" --- diff --git a/.opencode/skills/onboard/SKILL.md b/.opencode/skills/onboard/SKILL.md index b11fbbfe1..14666050b 100644 --- a/.opencode/skills/onboard/SKILL.md +++ b/.opencode/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/optimize/SKILL.md b/.opencode/skills/optimize/SKILL.md index 3f76667f6..5315a8d06 100644 --- a/.opencode/skills/optimize/SKILL.md +++ b/.opencode/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/overdrive/SKILL.md b/.opencode/skills/overdrive/SKILL.md index 202c78827..660b9afe7 100644 --- a/.opencode/skills/overdrive/SKILL.md +++ b/.opencode/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/polish/SKILL.md b/.opencode/skills/polish/SKILL.md index efa8004ed..fcaae6e88 100644 --- a/.opencode/skills/polish/SKILL.md +++ b/.opencode/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/quieter/SKILL.md b/.opencode/skills/quieter/SKILL.md index dca6a24f1..dcf4d3176 100644 --- a/.opencode/skills/quieter/SKILL.md +++ b/.opencode/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. user-invocable: true argument-hint: "[target]" --- diff --git a/.opencode/skills/typeset/SKILL.md b/.opencode/skills/typeset/SKILL.md index 8957bba80..139153a28 100644 --- a/.opencode/skills/typeset/SKILL.md +++ b/.opencode/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. user-invocable: true argument-hint: "[target]" --- diff --git a/.pi/skills/adapt/SKILL.md b/.pi/skills/adapt/SKILL.md index e344cc695..2b30e16f4 100644 --- a/.pi/skills/adapt/SKILL.md +++ b/.pi/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. --- Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. diff --git a/.pi/skills/animate/SKILL.md b/.pi/skills/animate/SKILL.md index 629b842c7..f22c210db 100644 --- a/.pi/skills/animate/SKILL.md +++ b/.pi/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. --- Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight. diff --git a/.pi/skills/arrange/SKILL.md b/.pi/skills/arrange/SKILL.md index 94bfd35f7..1d3a6beb2 100644 --- a/.pi/skills/arrange/SKILL.md +++ b/.pi/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. --- Assess and improve layout and spacing that feels monotonous, crowded, or structurally weak — turning generic arrangements into intentional, rhythmic compositions. diff --git a/.pi/skills/audit/SKILL.md b/.pi/skills/audit/SKILL.md index 86349386e..6490cb9aa 100644 --- a/.pi/skills/audit/SKILL.md +++ b/.pi/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. --- Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address. diff --git a/.pi/skills/bolder/SKILL.md b/.pi/skills/bolder/SKILL.md index 7690716af..a43c8003d 100644 --- a/.pi/skills/bolder/SKILL.md +++ b/.pi/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. --- Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences. diff --git a/.pi/skills/clarify/SKILL.md b/.pi/skills/clarify/SKILL.md index c11b240af..462a515fa 100644 --- a/.pi/skills/clarify/SKILL.md +++ b/.pi/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. --- Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use. diff --git a/.pi/skills/colorize/SKILL.md b/.pi/skills/colorize/SKILL.md index 93aa6bd28..39cabdaf3 100644 --- a/.pi/skills/colorize/SKILL.md +++ b/.pi/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. --- Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality. diff --git a/.pi/skills/critique/SKILL.md b/.pi/skills/critique/SKILL.md index 3479c10d3..f964b3eee 100644 --- a/.pi/skills/critique/SKILL.md +++ b/.pi/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. --- ## MANDATORY PREPARATION diff --git a/.pi/skills/delight/SKILL.md b/.pi/skills/delight/SKILL.md index e544934f6..d3d76c3ae 100644 --- a/.pi/skills/delight/SKILL.md +++ b/.pi/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. --- Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences. diff --git a/.pi/skills/distill/SKILL.md b/.pi/skills/distill/SKILL.md index e37121d7b..05b49d392 100644 --- a/.pi/skills/distill/SKILL.md +++ b/.pi/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. --- Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification. diff --git a/.pi/skills/extract/SKILL.md b/.pi/skills/extract/SKILL.md index 6069efd8e..83d952496 100644 --- a/.pi/skills/extract/SKILL.md +++ b/.pi/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. --- Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse. diff --git a/.pi/skills/frontend-design/SKILL.md b/.pi/skills/frontend-design/SKILL.md index 8a85856a8..dd7c5dd4c 100644 --- a/.pi/skills/frontend-design/SKILL.md +++ b/.pi/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.pi/skills/harden/SKILL.md b/.pi/skills/harden/SKILL.md index 01b5bcd4b..bb2cc7fec 100644 --- a/.pi/skills/harden/SKILL.md +++ b/.pi/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. --- Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs. diff --git a/.pi/skills/normalize/SKILL.md b/.pi/skills/normalize/SKILL.md index 42df54fa8..260a96fec 100644 --- a/.pi/skills/normalize/SKILL.md +++ b/.pi/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. --- Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns. diff --git a/.pi/skills/onboard/SKILL.md b/.pi/skills/onboard/SKILL.md index 6541d7838..2e9f7773d 100644 --- a/.pi/skills/onboard/SKILL.md +++ b/.pi/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. --- ## MANDATORY PREPARATION diff --git a/.pi/skills/optimize/SKILL.md b/.pi/skills/optimize/SKILL.md index d014fd5dd..837bb13c8 100644 --- a/.pi/skills/optimize/SKILL.md +++ b/.pi/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. --- Identify and fix performance issues to create faster, smoother user experiences. diff --git a/.pi/skills/overdrive/SKILL.md b/.pi/skills/overdrive/SKILL.md index bcd7c8c49..f890ceae4 100644 --- a/.pi/skills/overdrive/SKILL.md +++ b/.pi/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. --- Start your response with: diff --git a/.pi/skills/polish/SKILL.md b/.pi/skills/polish/SKILL.md index d3e8f4505..fe7c63210 100644 --- a/.pi/skills/polish/SKILL.md +++ b/.pi/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. --- ## MANDATORY PREPARATION diff --git a/.pi/skills/quieter/SKILL.md b/.pi/skills/quieter/SKILL.md index 049a6201d..22375f005 100644 --- a/.pi/skills/quieter/SKILL.md +++ b/.pi/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. --- Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness. diff --git a/.pi/skills/typeset/SKILL.md b/.pi/skills/typeset/SKILL.md index 53872040a..2acf08b3e 100644 --- a/.pi/skills/typeset/SKILL.md +++ b/.pi/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. --- Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type. diff --git a/.trae-cn/skills/adapt/SKILL.md b/.trae-cn/skills/adapt/SKILL.md index 84f24d847..165c66dcc 100644 --- a/.trae-cn/skills/adapt/SKILL.md +++ b/.trae-cn/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. user-invocable: true argument-hint: "[target] [context (mobile, tablet, print...)]" --- diff --git a/.trae-cn/skills/animate/SKILL.md b/.trae-cn/skills/animate/SKILL.md index 7a00cf6b8..3d006d15e 100644 --- a/.trae-cn/skills/animate/SKILL.md +++ b/.trae-cn/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/arrange/SKILL.md b/.trae-cn/skills/arrange/SKILL.md index 3b29230f0..ce4cf3ad6 100644 --- a/.trae-cn/skills/arrange/SKILL.md +++ b/.trae-cn/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/audit/SKILL.md b/.trae-cn/skills/audit/SKILL.md index 185f87cfc..b0cee9eaa 100644 --- a/.trae-cn/skills/audit/SKILL.md +++ b/.trae-cn/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.trae-cn/skills/bolder/SKILL.md b/.trae-cn/skills/bolder/SKILL.md index cf2babce4..0b03f025f 100644 --- a/.trae-cn/skills/bolder/SKILL.md +++ b/.trae-cn/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/clarify/SKILL.md b/.trae-cn/skills/clarify/SKILL.md index 940cc1450..4db9228d6 100644 --- a/.trae-cn/skills/clarify/SKILL.md +++ b/.trae-cn/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/colorize/SKILL.md b/.trae-cn/skills/colorize/SKILL.md index bd66f584f..0b092ac08 100644 --- a/.trae-cn/skills/colorize/SKILL.md +++ b/.trae-cn/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/critique/SKILL.md b/.trae-cn/skills/critique/SKILL.md index e3d93c3e8..29806cd81 100644 --- a/.trae-cn/skills/critique/SKILL.md +++ b/.trae-cn/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.trae-cn/skills/delight/SKILL.md b/.trae-cn/skills/delight/SKILL.md index 4fd29863c..fe39492d7 100644 --- a/.trae-cn/skills/delight/SKILL.md +++ b/.trae-cn/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/distill/SKILL.md b/.trae-cn/skills/distill/SKILL.md index c17549f4d..fd2a8e47f 100644 --- a/.trae-cn/skills/distill/SKILL.md +++ b/.trae-cn/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/extract/SKILL.md b/.trae-cn/skills/extract/SKILL.md index 98f62a04c..4b57ea396 100644 --- a/.trae-cn/skills/extract/SKILL.md +++ b/.trae-cn/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/frontend-design/SKILL.md b/.trae-cn/skills/frontend-design/SKILL.md index 8a85856a8..dd7c5dd4c 100644 --- a/.trae-cn/skills/frontend-design/SKILL.md +++ b/.trae-cn/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.trae-cn/skills/harden/SKILL.md b/.trae-cn/skills/harden/SKILL.md index f901773a6..d870ddd13 100644 --- a/.trae-cn/skills/harden/SKILL.md +++ b/.trae-cn/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/normalize/SKILL.md b/.trae-cn/skills/normalize/SKILL.md index a5396755f..4015c54a3 100644 --- a/.trae-cn/skills/normalize/SKILL.md +++ b/.trae-cn/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. user-invocable: true argument-hint: "[feature (page, route, component...)]" --- diff --git a/.trae-cn/skills/onboard/SKILL.md b/.trae-cn/skills/onboard/SKILL.md index b11fbbfe1..14666050b 100644 --- a/.trae-cn/skills/onboard/SKILL.md +++ b/.trae-cn/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/optimize/SKILL.md b/.trae-cn/skills/optimize/SKILL.md index 3f76667f6..5315a8d06 100644 --- a/.trae-cn/skills/optimize/SKILL.md +++ b/.trae-cn/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/overdrive/SKILL.md b/.trae-cn/skills/overdrive/SKILL.md index 95c6819f4..fd9199ec6 100644 --- a/.trae-cn/skills/overdrive/SKILL.md +++ b/.trae-cn/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/polish/SKILL.md b/.trae-cn/skills/polish/SKILL.md index efa8004ed..fcaae6e88 100644 --- a/.trae-cn/skills/polish/SKILL.md +++ b/.trae-cn/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/quieter/SKILL.md b/.trae-cn/skills/quieter/SKILL.md index 4779dd977..555ca446e 100644 --- a/.trae-cn/skills/quieter/SKILL.md +++ b/.trae-cn/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae-cn/skills/typeset/SKILL.md b/.trae-cn/skills/typeset/SKILL.md index 8957bba80..139153a28 100644 --- a/.trae-cn/skills/typeset/SKILL.md +++ b/.trae-cn/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/adapt/SKILL.md b/.trae/skills/adapt/SKILL.md index 84f24d847..165c66dcc 100644 --- a/.trae/skills/adapt/SKILL.md +++ b/.trae/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility. user-invocable: true argument-hint: "[target] [context (mobile, tablet, print...)]" --- diff --git a/.trae/skills/animate/SKILL.md b/.trae/skills/animate/SKILL.md index 7a00cf6b8..3d006d15e 100644 --- a/.trae/skills/animate/SKILL.md +++ b/.trae/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/arrange/SKILL.md b/.trae/skills/arrange/SKILL.md index 3b29230f0..ce4cf3ad6 100644 --- a/.trae/skills/arrange/SKILL.md +++ b/.trae/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/audit/SKILL.md b/.trae/skills/audit/SKILL.md index 185f87cfc..b0cee9eaa 100644 --- a/.trae/skills/audit/SKILL.md +++ b/.trae/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.trae/skills/bolder/SKILL.md b/.trae/skills/bolder/SKILL.md index cf2babce4..0b03f025f 100644 --- a/.trae/skills/bolder/SKILL.md +++ b/.trae/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/clarify/SKILL.md b/.trae/skills/clarify/SKILL.md index 940cc1450..4db9228d6 100644 --- a/.trae/skills/clarify/SKILL.md +++ b/.trae/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/colorize/SKILL.md b/.trae/skills/colorize/SKILL.md index bd66f584f..0b092ac08 100644 --- a/.trae/skills/colorize/SKILL.md +++ b/.trae/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/critique/SKILL.md b/.trae/skills/critique/SKILL.md index e3d93c3e8..29806cd81 100644 --- a/.trae/skills/critique/SKILL.md +++ b/.trae/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component. user-invocable: true argument-hint: "[area (feature, page, component...)]" --- diff --git a/.trae/skills/delight/SKILL.md b/.trae/skills/delight/SKILL.md index 4fd29863c..fe39492d7 100644 --- a/.trae/skills/delight/SKILL.md +++ b/.trae/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/distill/SKILL.md b/.trae/skills/distill/SKILL.md index c17549f4d..fd2a8e47f 100644 --- a/.trae/skills/distill/SKILL.md +++ b/.trae/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/extract/SKILL.md b/.trae/skills/extract/SKILL.md index 98f62a04c..4b57ea396 100644 --- a/.trae/skills/extract/SKILL.md +++ b/.trae/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/frontend-design/SKILL.md b/.trae/skills/frontend-design/SKILL.md index 8a85856a8..dd7c5dd4c 100644 --- a/.trae/skills/frontend-design/SKILL.md +++ b/.trae/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/.trae/skills/harden/SKILL.md b/.trae/skills/harden/SKILL.md index f901773a6..d870ddd13 100644 --- a/.trae/skills/harden/SKILL.md +++ b/.trae/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/normalize/SKILL.md b/.trae/skills/normalize/SKILL.md index a5396755f..4015c54a3 100644 --- a/.trae/skills/normalize/SKILL.md +++ b/.trae/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system. user-invocable: true argument-hint: "[feature (page, route, component...)]" --- diff --git a/.trae/skills/onboard/SKILL.md b/.trae/skills/onboard/SKILL.md index b11fbbfe1..14666050b 100644 --- a/.trae/skills/onboard/SKILL.md +++ b/.trae/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/optimize/SKILL.md b/.trae/skills/optimize/SKILL.md index 3f76667f6..5315a8d06 100644 --- a/.trae/skills/optimize/SKILL.md +++ b/.trae/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/overdrive/SKILL.md b/.trae/skills/overdrive/SKILL.md index 95c6819f4..fd9199ec6 100644 --- a/.trae/skills/overdrive/SKILL.md +++ b/.trae/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/polish/SKILL.md b/.trae/skills/polish/SKILL.md index efa8004ed..fcaae6e88 100644 --- a/.trae/skills/polish/SKILL.md +++ b/.trae/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/quieter/SKILL.md b/.trae/skills/quieter/SKILL.md index 4779dd977..555ca446e 100644 --- a/.trae/skills/quieter/SKILL.md +++ b/.trae/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic. user-invocable: true argument-hint: "[target]" --- diff --git a/.trae/skills/typeset/SKILL.md b/.trae/skills/typeset/SKILL.md index 8957bba80..139153a28 100644 --- a/.trae/skills/typeset/SKILL.md +++ b/.trae/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography. user-invocable: true argument-hint: "[target]" --- diff --git a/source/skills/adapt/SKILL.md b/source/skills/adapt/SKILL.md index aafb43160..81acedb7a 100644 --- a/source/skills/adapt/SKILL.md +++ b/source/skills/adapt/SKILL.md @@ -1,6 +1,6 @@ --- name: adapt -description: Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. +description: "Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility." argument-hint: "[target] [context (mobile, tablet, print...)]" user-invocable: true --- diff --git a/source/skills/animate/SKILL.md b/source/skills/animate/SKILL.md index 86818fd60..c9cb8482a 100644 --- a/source/skills/animate/SKILL.md +++ b/source/skills/animate/SKILL.md @@ -1,6 +1,6 @@ --- name: animate -description: Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. +description: "Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/arrange/SKILL.md b/source/skills/arrange/SKILL.md index 519c4bcfd..aa5c5c5eb 100644 --- a/source/skills/arrange/SKILL.md +++ b/source/skills/arrange/SKILL.md @@ -1,6 +1,6 @@ --- name: arrange -description: Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions. +description: "Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/audit/SKILL.md b/source/skills/audit/SKILL.md index 2ae7ba441..9840a9c48 100644 --- a/source/skills/audit/SKILL.md +++ b/source/skills/audit/SKILL.md @@ -1,6 +1,6 @@ --- name: audit -description: Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. +description: "Perform a comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates a prioritized report with severity ratings. Use when the user wants a design review, accessibility check, quality audit, or a full list of UI issues to fix." argument-hint: "[area (feature, page, component...)]" user-invocable: true --- diff --git a/source/skills/bolder/SKILL.md b/source/skills/bolder/SKILL.md index 5bcafbde7..ba4311e61 100644 --- a/source/skills/bolder/SKILL.md +++ b/source/skills/bolder/SKILL.md @@ -1,6 +1,6 @@ --- name: bolder -description: Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. +description: "Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/clarify/SKILL.md b/source/skills/clarify/SKILL.md index 4b6389ab3..a54940914 100644 --- a/source/skills/clarify/SKILL.md +++ b/source/skills/clarify/SKILL.md @@ -1,6 +1,6 @@ --- name: clarify -description: Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. +description: "Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/colorize/SKILL.md b/source/skills/colorize/SKILL.md index f2e252b85..07e2fcf22 100644 --- a/source/skills/colorize/SKILL.md +++ b/source/skills/colorize/SKILL.md @@ -1,6 +1,6 @@ --- name: colorize -description: Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. +description: "Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/critique/SKILL.md b/source/skills/critique/SKILL.md index 303dd2a1d..086ed8888 100644 --- a/source/skills/critique/SKILL.md +++ b/source/skills/critique/SKILL.md @@ -1,6 +1,6 @@ --- name: critique -description: Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. +description: "Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use when the user asks to review, critique, evaluate, audit, or give feedback on a design, UI, or component." argument-hint: "[area (feature, page, component...)]" user-invocable: true --- diff --git a/source/skills/delight/SKILL.md b/source/skills/delight/SKILL.md index 2261d3b38..02f268f22 100644 --- a/source/skills/delight/SKILL.md +++ b/source/skills/delight/SKILL.md @@ -1,6 +1,6 @@ --- name: delight -description: Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. +description: "Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/distill/SKILL.md b/source/skills/distill/SKILL.md index 61da5cc73..df124b2fe 100644 --- a/source/skills/distill/SKILL.md +++ b/source/skills/distill/SKILL.md @@ -1,6 +1,6 @@ --- name: distill -description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. +description: "Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/extract/SKILL.md b/source/skills/extract/SKILL.md index 25e73fee8..56260ed31 100644 --- a/source/skills/extract/SKILL.md +++ b/source/skills/extract/SKILL.md @@ -1,6 +1,6 @@ --- name: extract -description: Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. +description: "Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/frontend-design/SKILL.md b/source/skills/frontend-design/SKILL.md index 50f4e45a0..57c87ce6d 100644 --- a/source/skills/frontend-design/SKILL.md +++ b/source/skills/frontend-design/SKILL.md @@ -1,6 +1,6 @@ --- name: frontend-design -description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. +description: "Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context." license: Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution. --- diff --git a/source/skills/harden/SKILL.md b/source/skills/harden/SKILL.md index 814db3f64..b64f65403 100644 --- a/source/skills/harden/SKILL.md +++ b/source/skills/harden/SKILL.md @@ -1,6 +1,6 @@ --- name: harden -description: Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. +description: "Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/normalize/SKILL.md b/source/skills/normalize/SKILL.md index 20f10deda..ed07ad065 100644 --- a/source/skills/normalize/SKILL.md +++ b/source/skills/normalize/SKILL.md @@ -1,6 +1,6 @@ --- name: normalize -description: Normalize design to match your design system and ensure consistency +description: "Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system." argument-hint: "[feature (page, route, component...)]" user-invocable: true --- diff --git a/source/skills/onboard/SKILL.md b/source/skills/onboard/SKILL.md index 0234a988f..6217c8127 100644 --- a/source/skills/onboard/SKILL.md +++ b/source/skills/onboard/SKILL.md @@ -1,6 +1,6 @@ --- name: onboard -description: Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. +description: "Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/optimize/SKILL.md b/source/skills/optimize/SKILL.md index de2994bdc..ad3a40552 100644 --- a/source/skills/optimize/SKILL.md +++ b/source/skills/optimize/SKILL.md @@ -1,6 +1,6 @@ --- name: optimize -description: Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. +description: "Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/overdrive/SKILL.md b/source/skills/overdrive/SKILL.md index 33aa9d51c..b67bbedb8 100644 --- a/source/skills/overdrive/SKILL.md +++ b/source/skills/overdrive/SKILL.md @@ -1,6 +1,6 @@ --- name: overdrive -description: Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?" +description: "Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/polish/SKILL.md b/source/skills/polish/SKILL.md index 18e3c64ed..a7070ef71 100644 --- a/source/skills/polish/SKILL.md +++ b/source/skills/polish/SKILL.md @@ -1,6 +1,6 @@ --- name: polish -description: Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. +description: "Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/quieter/SKILL.md b/source/skills/quieter/SKILL.md index 95165a6b5..ccf7d6260 100644 --- a/source/skills/quieter/SKILL.md +++ b/source/skills/quieter/SKILL.md @@ -1,6 +1,6 @@ --- name: quieter -description: Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. +description: "Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic." argument-hint: "[target]" user-invocable: true --- diff --git a/source/skills/typeset/SKILL.md b/source/skills/typeset/SKILL.md index 31830c61c..47db02c17 100644 --- a/source/skills/typeset/SKILL.md +++ b/source/skills/typeset/SKILL.md @@ -1,6 +1,6 @@ --- name: typeset -description: Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished. +description: "Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography." argument-hint: "[target]" user-invocable: true ---