Design & Frontend
4,640 results
- Phase 3 Mockuppopup-studio-aiSkill for creating mockups with UI/UX trends without a designer. Designs HTML/CSS/JS prototypes that can be converted to Next.js components. Use proactively when user wants to validate UI/UX before implementation.
- Director Performanceaqm857886159非武打文戏的表演指导——微表情/肢体语言/视线设计/沉默表演/角色行为模式。AI 不会自己「演」，情绪必须在 prompt 里精确物理化成可拍的身体信号（眉/眼/嘴/手/肩/呼吸/停顿）。Nomi 写文戏 shot 的 prompt 时参考，让画面演得出「情绪」而不是只写情绪词。
- Humanizer Zhuu201中文小说AI内容人性化润色系统v2.0。专为网文/小说场景设计的去AI味工具， 包含23条禁止模式、148条短语替换、105条词汇替换、19条口语化替换， 以及完整的格式规范化规则（引号/省略号/数字）。
- Qiaomu Design Advisorjoeseesun偏执型设计顾问 v2.0（融合版）— Jobs 式产品直觉 + Rams 式功能纯粹主义，融合五大顶级设计 Skill 实测精华 （Anthropic frontend-design 的美学胆量、Vercel web-design-guidelines 的工程规范、taste-skill 的反模板拨盘、 Emil Kowalski 的动效工艺、ui-ux-pro-max 的准则化组件行为）。 重新设计页面、审视 UI 方案、优化交互体验、从零构建界面时使用。 触发词："重新设计"、"redesign"、"优化界面"、"优化交互"、"设计方案"、"UI 审查"、"这个页面不行"、 "界面不好看"、"帮我看看设计"、"设计建议"、"/design-advisor"。
- Angular ComponentanalogjsCreate modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings, content projection, and lifecycle hooks. Triggers on component creation, refactoring class-based inputs to signals, adding host bindings, or implementing accessible interactive components.
- Angular DirectivesanalogjsCreate custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance, structural directives for portals/overlays, and host directives for composition. Triggers on creating reusable DOM behaviors, extending element functionality, or composing behaviors across components.
- Angular SignalsanalogjsDEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived state with computed(), dependent state with linkedSignal(), and side effects with effect().
- Brief To TasksjulianoczkowskiBreak a design brief into an ordered checklist of independently buildable tasks using vertical slices. Saves as a markdown checklist. Use when user wants to break down work, create tasks from a brief, plan implementation order, or mentions "tasks" or "breakdown".
- Design BriefjulianoczkowskiCreate a design brief through an interactive interview, codebase exploration, and experience design decisions. Saved as a markdown file in the project. Use when user wants to write a design brief, plan a new feature or page, define a UI direction, or mentions "brief".
- Design FlowjulianoczkowskiRun the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review. Use when user wants to go through the complete design process, start a project from scratch, run the full flow, or mentions "design flow" or "full workflow".
- Design TokensjulianoczkowskiGenerate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type ramp, and component-level tokens. Use when starting a new project, establishing a visual system, setting up tokens, or mentions "tokens" or "design system".
- Frontend DesignjulianoczkowskiBuild distinctive, production-grade frontend interfaces with high design quality, guided by named aesthetic philosophies. Use when building components, pages, or applications. Generates working code with exceptional attention to aesthetic details and creative choices that avoid generic AI output.
- Information ArchitecturejulianoczkowskiDefine the structural layer of a product or site before visual design begins. Covers navigation, content hierarchy, page structure, URL patterns, and user flows. Use when user wants to plan site structure, define navigation, map user flows, organize content, or mentions "IA" or "information architecture".
- sleek-design-mobile-appssleekdotdesignDesign mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
- Uloop Get HierarchyhatayamaGet Unity Hierarchy structure. Use when: inspecting scene structure, exploring GameObjects, checking parent-child relationships, or when user asks about hierarchy. Returns the scene's GameObject tree with components.
- Architecturehoangnguyen0403Standards for structural design, Clean Architecture, and project layout in Golang.
- Componentshoangnguyen0403Standards for Standalone Components, Signals inputs, and Control Flow.
- Mobile UX Corehoangnguyen0403Universal mobile UX principles for touch-first interfaces. Enforces touch targets, safe areas, and mobile-specific interaction patterns.
- Nextjs Architecture Fsdhoangnguyen0403Scalable project structure using Feature-Sliced Design (FSD).
- System Design Architecture Standardshoangnguyen0403Universal architectural standards for building robust, scalable, and maintainable systems.
- Remotion Motion GraphicshaidrrrryCreate and edit professional motion graphics videos with Remotion (React-based video). Use this skill EVERY time the user wants to create a video, edit a video, animate something, build an intro/outro/logo animation, make a Reel/Short/promo/launch video, add text animations or captions to footage, composite images and B-roll into a video, or mentions Remotion, motion graphics, video rendering…
- Album Conceptualizerbitwize-music-studioDesigns album concepts, tracklist architecture, and thematic planning through 7 structured phases. Use when planning a new album or reworking an existing album concept.
- Brand CopywriterOgnjen GataloWrites marketing copy using proven copywriting frameworks. Use when user needs copy for ads (Facebook, Instagram, TikTok, YouTube), landing pages, sales pages, email sequences, LinkedIn posts, product descriptions, or any marketing content.
- Reusable UI ComponentsEvanBaconGuidelines for creating reusable, portable UI components with native-first design, compound patterns, and accessibility