GitHub
frontend-form-validator
前端表单验证器技能：负责校验规则定义、实时验证逻辑、错误提示组件、异步验证、表单状态管理。使用时需要配置验证规则、实现实时验证、设计错误提示组件、处理异步验证、管理表单状态。
☆ 0查看技能
测试与安全 AI 技能
发现 测试与安全 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: 测试与安全
测试与安全 清除筛选
全部技能
GitHub
ui-components
Reusable UI component patterns and styling for the FraudShield Flutter app
☆ 0查看技能
GitHub
textual-widget-development
Design and implement custom Textual widgets with composition, styling, and lifecycle management. Use when creating reusable widget components, composing widgets from built-in components, implementing widget lif...
☆ 0查看技能
GitHub
internal-links
Connect all buttons and links to pages or same-page sections. Ensures every CTA has a valid href, uses Next.js Link component, and adds section IDs for anchor links.
☆ 0查看技能
GitHub
brand-guidelines
Apply Microsoft branding to frontend applications using Fluent 2 design system colors, typography, and styling patterns
☆ 0查看技能
GitHub
smooth-scroll
Add smooth scrolling for same-page anchor links only. Uses JavaScript to handle
☆ 0查看技能
GitHub
typography-audit
Check and fix typography hierarchy on a page. Fixes h2-to-h4 skips, ensures all sections have left-aligned title/description with max-w-3xl, removes centering classes, and adds missing headers with i18n keys.
☆ 0查看技能
GitHub
page-component-guide
開發前端頁面時，優先使用 Component 組合，避免在 Page 自行切版
☆ 0查看技能
GitHub
async-await-patterns
Enforces async/await patterns over .then() chains, proper error handling, mounted checks. Use when writing async code, handling Futures, or working with async operations.
☆ 0查看技能
GitHub
dedsi-vue-ui
Dedsi-Vue-UI 是一个基于 Vue 3 + TypeScript 的现代化 UI 组件库，提供了 37+ 个高质量组件，涵盖基础、布局、导航、数据展示和反馈等场景。
☆ 0查看技能
GitHub
button-unification
Standardize button component heights, padding, and transitions across all variants. Ensures consistent appearance for default, outline, secondary, ghost, and link variants. Updates button.tsx with unified style...
☆ 0查看技能
GitHub
implement-lenis-scroll
Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
☆ 0查看技能
GitHub
web-animation-design
Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or ani...
☆ 0查看技能
GitHub
astro-page-vs-island
Decides when to use Astro pages versus React islands, minimizing unnecessary client-side JavaScript.
☆ 0查看技能
GitHub
fd-states-feedback
Expert skill for loading states, empty states, error states, success feedback, and progress indicators. Use when designing skeleton loaders, empty states, error handling, or user feedback patterns.
☆ 0查看技能
GitHub
butter-smooth-scrolling
Add cinematic lerp-based smooth scrolling for all scroll inputs (mouse wheel, trackpad, touch). Creates butter-smooth momentum scrolling like premium agency websites. Works alongside existing smooth-scroll anch...
☆ 0查看技能
GitHub
framer-animations
Add Framer Motion micro-animations to page sections. Includes section reveals, staggered lists, hover effects, and performance optimization. Use after section-backgrounds for each page.
☆ 0查看技能
GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
☆ 0查看技能
GitHub
reactjs-tiptap-editor
Implement rich text editing with reactjs-tiptap-editor (admin content editing). Use when building post/project editors or WYSIWYG components.
☆ 0查看技能
GitHub
bloc-state-management
Guides BLoC state management implementation patterns. Use when creating new BLoCs, handling state changes, or managing application state.
☆ 0查看技能
GitHub
page-transitions
Add elegant page transition overlay using 3 staggered color layers. Overlay covers screen during navigation and reveals once new page is loaded. Use during /init or standalone.
☆ 0查看技能
GitHub
react-best-practices-refactor
Refactors large React files into single-responsibility components using Tailwind CSS and a strict feature-based structure compatible with AstroJS.
☆ 0查看技能
GitHub
tailwind-v4-shadcn
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Use when initializing React pr...
☆ 0查看技能
GitHub
reusable-components
Biblioteca de componentes Blade do sistema Easy Budget. Use esta skill sempre que precisar gerar interfaces (UI), formulários, tabelas, modais ou dashboards. Ela garante que o código gerado siga o padrão visual...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。