搜索
搜索结果
153 results for "frontend"
frontend-a11y
Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.
affaan-mfrontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
affaan-mfrontend-design-direction
Set an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pages, visual tools, or any web UI that needs stronger product-specific design judgment.
affaan-mfrontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
affaan-mfrontend-design-direction
为生产环境的 UI 开发设定特定于 ECC 的前端设计方向。适用于构建或优化网站、仪表盘、应用、组件、落地页、可视化工具，或任何需要更强产品专属设计判断的 Web UI 场景。
affaan-mfrontend-slides
从头创建或通过转换PowerPoint文件，生成视觉效果丰富、动画流畅的HTML演示文稿。适用于用户需要构建演示文稿、将PPT/PPTX转换为网页，或为演讲/提案创建幻灯片。帮助非设计人员通过视觉探索而非抽象选择来发现自己的审美偏好。
affaan-mfrontend-patterns
React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
affaan-m
frontend-design
在构建新UI或重塑现有UI时，提供独特且有意的视觉设计指导。帮助确定美学方向、排版，并做出不像是模板默认的选择。
anthropics
frontend-testing
使用 Vitest 和 Testing Library 编写、更新或审查 Dify 前端测试。适用于 web/ 或 packages/dify-ui/ 下的前端规范、测试覆盖率请求、回归测试、可测试性或测试策略。
langgeniusfrontend-code-review
审查 Dify 前端代码的正确性、可访问性、组件设计、dify-ui 使用、数据/查询边界、性能和测试。触发条件为 `.tsx`、`.ts`、`.js`、UI、React、Next.js、待变更或聚焦前端审查请求。
langgenius
imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
nexu-ioimagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
nexu-iofrontend-slides
Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.
nexu-iofrontend-dev
Full-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.
nexu-iofrontend-skill
打造视觉冲击力强且构图克制的落地页、网站与应用 UI。来自 OpenAI 的生产级前端实战指南。
nexu-iofrontend-design
设计并构建具有独特视觉风格、精细排版、考究布局及可直接运行的 HTML/CSS/JS 或框架代码的生产级前端界面。适用于网站、落地页、仪表盘、React 组件、应用界面及 UI 美化优化等场景。
nexu-io
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Leonxlnx
frontend-ui-engineering
构建生产级、可访问、响应式的用户界面。在构建或修改界面和页面、创建组件、实现布局、满足WCAG无障碍要求、管理状态，或当输出需要看起来像生产级而非AI生成时使用。
addyosmani
imagegen-frontend-mobile
顶尖移动 App 出图 Skill，专为打造高品质、具备原生质感的移动端界面概念与交互流程图而生。适用于 iOS、Android 及跨平台移动端产品设计。核心聚焦于清晰的信息层级、舒适可读的文本、强力的多屏一致性、克制的调色盘、拒绝同质化的创意视觉方向、富有质感的表面材质、图像为主导的构图、雅致的自定义图标系统，以及干净精致的手机样机边框封装。默认情况下，界面将呈现在带有隐约高级感的 iPhone 或类似手机样机边框中，同时保证界面内容本身占据绝对视觉主体。本 Skill 仅负责生成图像，不撰写任何代码。
leonxlnximagegen-frontend-web
顶尖的前端图像美术指导 Skill，专门用于生成高质感、懂转化率的网页设计参考图。核心输出铁律：每个 Section（页面板块）必须单独生成一张横版图片。比如 8 个 Section 的 Landing Page 就必须生成 8 张图，严禁把多个 Section 硬塞进同一张图里。强制保障版式多样性（拒绝千篇一律的左文右图）、背景图自由度、丰富多样的 CTA 和 Hero 尺寸（巨型/中型/极简微型）、贯穿全页的故事线主轴、耐人寻味的视觉细节（second-read moments），以及全图统一的高级色调。专为 Landing Page、营销官网和产品设计原型打造，确保开发者或代码大模型能精准复现。
leonxlnx
frontend-ui-dark-ts
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.
sickn33frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.
sickn33cc-skill-frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
sickn33frontend-dev-guidelines
You are a senior frontend engineer operating under strict architectural and performance standards. Use when creating components or pages, adding new features, or fetching or mutating data.
sickn33