Design & Frontend
4,640 results
- UX DesigneragenticsorgExpert UI/UX design guidance for building unique, accessible, and user-centered interfaces. Use when designing interfaces, making visual design decisions, choosing colors/typography, implementing responsive layouts, or when user mentions design, UI, UX, styling, or visual appearance. Always ask before making design decisions.
- ValtiohairyfValtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.
- Verify Cyberpendan1majne3Launches an isolated CyberPenda Web UI and real daemon, drives user journeys, and retains verification evidence. Use when proving a UI change, checking persistence, or capturing screenshots of CyberPenda.
- Scalable ThinkingnguyenthienthanhDesign for scale while keeping implementation simple (KISS).
- Tech Article Imagezd-ai-lab为技术文章生成高质量主题配图。触发场景：(1)用户要求为文章配图/生成题图/制作封面图 (2)用户上传技术文章并要求生成配图 (3)用户提到"给文章配个图"、"生成主题图"、"做张封面"。核心能力：分析文章主题和情绪，从25种反AI油腻感的风格中匹配最佳选项，生成专业级图像提示词。支持MCP生图工具自动生成，无MCP时输出提示词供手动使用。
- DesignShannon AtkinsonDesigning a new interface, module, schema or type together with its validation and failure behaviour: what each input accepts, what happens when it does not, and what the caller gets back when something goes wrong.
- Reanimated Skia Performanceandreev-danilaWrite and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes, runtime effects/shaders). Use for: gesture-driven interactions, spring/timing transitions, layout/mount animations, Reanimated CSS transitions/animations, Skia drawings, animated shader uniforms, path/vector interpolation, dev-mode tuning…
- Star Chamberpeteski22Multi-LLM craftsmanship council with live progress and debate mode for code review and design questions
- Typescript Stylepeteski22Validate TypeScript/React code against style and architectural conventions
- ucoz-landing-skillucoz-skillsCreate and edit uCoz homepage landing pages via MCP: custom templates, hero sections, lead forms, navigation menus, SEO, and responsive layout. Includes a visual design system (style selection, layout/grid, section recipes, typography/spacing, color tokens, component states, icons, modern CSS/JS, motion, imagery, social proof, copy/voice, accessibility).
- UXShannon AtkinsonForms, destructive actions and flows users get wrong. Use when "users keep deleting the wrong thing", "add a confirmation dialog", "this flow is error-prone", or building a delete, bulk action, checkout or settings page. Covers undo over confirmation, type-to-confirm, safe defaults, input constraints, double-submit. For the server-side rules behind the screen use authz.
- Accessibility Inclusive DesignhueyexeUse when designing, critiquing, implementing, or revising UI/UX/frontend work for accessibility and inclusion.
- AdhdSergei ShatrovDivergent ideation across model families — the same brainstorm, but each cognitive frame is handed to a different model (Claude sub-agent, OpenAI Codex, a cheap third via OpenCode) so the ideas diverge by frame and by model priors at once.
- Blazor ExpertmarkpittComprehensive Blazor development expertise covering Blazor Server, WebAssembly, and Hybrid apps. Use when building Blazor components, implementing state management, handling routing, JavaScript interop, forms and validation, authentication, or optimizing Blazor applications. Includes best practices, architecture patterns, and troubleshooting guidance.
- BrainstormingTechNickAIUse when rough ideas need design before code, requirements are fuzzy, multiple approaches exist, or you need to explore options before implementation
- Cinema Directorfanchengchen1-collab超级导演系统(开源版)——AI影视创作的导演工艺知识库与工作流。当用户要做分镜、写视频生成提示词、设计光影/构图/运镜/调度、开发短剧/电影/动画项目、构建美学风格、设计打斗戏或叙事节奏时使用。覆盖写实/2D动漫/3DCG三大渲染域,输出电影级六段式分镜提示词。Use when the user wants storyboards, AI video prompts, cinematography design (lighting/composition/camera/blocking), short-drama or film development, aesthetic style bibles, fight choreography, or narrative pacing.
- Design ReviewsuperfutureRun a sharp, prioritized design critique of a UI — a URL, a screenshot/image, or a component file — covering visual hierarchy, typography, spacing, color & contrast, motion, component states, responsiveness, accessibility, and brand consistency. Returns findings ranked from blocking to polish, each with a specific fix; can optionally apply the fixes to code.
- Design Systems Frontend ArchitecturehueyexeUse when building reusable frontend systems, design tokens, component contracts, responsive layouts, CSS strategy, or design-system documentation and governance.
- Designing Pigment FramesPigmentApply Pigment's visual design language to a new or existing Frame - use when the Frame should look Pigment-like: on-brand, native, or less generic. Do not use it when the user gives their own design requirements (a brand, a palette, screenshots, or a look to match). This skill contains the Pigment design system, foundations, patterns, styles, typography and color schemes.
- Forms Inputs CheckouthueyexeUse when designing, critiquing, or implementing forms, inputs, validation, checkout, registration, payment, or any data-entry flow.
- Gathering Architecture RequirementsPigmentPlanning skill. Use before building anything to gather requirements through structured discovery questions. Covers dimensions, UX, data, governance, and planning cycles. Load this skill during Phase 0 of building-a-full-application.
- Interaction Patterns ComponentshueyexeUse when choosing, critiquing, or designing UI interaction patterns and reusable components for web, mobile, SaaS, dashboards, or design systems.
- Kiss PrinciplemarkpittApply the K.I.S.S principle (Keep It Simple, Stupid) to reduce complexity, improve maintainability, and solve problems elegantly. Use when designing systems, writing code, planning solutions, creating documentation, architecting features, or making decisions where simplicity drives quality and efficiency.
- SwiftUI DesignduongductrongExpert guide for building production-grade SwiftUI interfaces across iOS, macOS, watchOS, and tvOS. Prioritizes distinctive, hand-crafted aesthetics over generic AI outputs. Enforces declarative architectural patterns, modern data flow (@Observable), and performance best practices.