搜索
搜索结果
85 results for "antigravity"

design-system
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
nextlevelbuilder
design
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.
nextlevelbuilder
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
nextlevelbuilder
banner-design
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.
nextlevelbuilder
brand
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
nextlevelbuilder
slides
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
nextlevelbuilder
ui-ux-pro-max
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
nextlevelbuilder
observability-and-instrumentation
Instruments code so production behavior is visible and diagnosable. Use when adding logging, metrics, tracing, or alerting. Use when shipping any feature that runs in production and you need evidence it works. Use when production issues are reported but you can't tell what happened from the available data.
addyosmani
doubt-driven-development
Subjects every non-trivial decision to a fresh-context adversarial review before it stands. Use when correctness matters more than speed, when working in unfamiliar code, when stakes are high (production, security-sensitive logic, irreversible operations), or any time a confident output would be cheaper to verify now than to debug later.
addyosmani
interview-me
Extracts what the user actually wants instead of what they think they should want. Achieves this through one-question-at-a-time interview until ~95% confidence about the underlying intent. Use when an ask is underspecified ("build me X" without "for whom" or "why now"), when the user explicitly invokes ("interview me", "grill me", "are we sure?", "stress-test my thinking"), or when you catch yourself silently filling in ambiguous requirements before any plan, spec, or code exists.
addyosmani
git-workflow-and-versioning
结构化 Git 工作流实践。在进行任何代码更改时使用。在提交、分支、解决冲突或需要跨多个并行流组织工作时使用。在发布版本、选择语义版本号、打标签或编写变更日志时使用。
addyosmani
ci-cd-and-automation
自动化CI/CD流水线设置。在设置或修改构建与部署流水线时使用。当需要自动化质量门禁、在CI中配置测试运行器或制定部署策略时使用。
addyosmani
shipping-and-launch
准备生产发布。在准备部署到生产环境时使用。当您需要发布前检查清单、设置监控、规划分阶段发布或需要回滚策略时使用。
addyosmani
deprecation-and-migration
管理弃用和迁移。用于移除旧系统、API 或功能时。用于将用户从一个实现迁移到另一个实现时。用于决定是维护现有代码还是将其淘汰时。
addyosmani
source-driven-development
将每个实现决策都建立在官方文档的基础上。当你希望获得权威、有来源引用的代码,且避免使用过时的模式时使用。在构建任何框架或库且正确性至关重要时使用。
addyosmani
spec-driven-development
在编码之前创建规范。在开始新项目、新功能或重大变更且尚无规范时使用。当需求不清晰、模糊或仅以模糊想法存在时使用。
addyosmani
frontend-ui-engineering
构建生产级质量、可访问、响应式的面向用户界面。在构建或修改界面和页面、创建组件、实现布局、满足 WCAG 可访问性要求、管理状态,或当输出需要看起来是生产级质量而非 AI 生成时使用。
addyosmani
planning-and-task-breakdown
将工作分解为有序的任务。当你有规格说明或明确的需求,需要将工作分解为可实施的任务时使用。当任务感觉太大而无法开始、需要估算范围或可以并行工作时使用。
addyosmani
documentation-and-adrs
记录决策和文档。在做出架构决策、更改公共 API、发布功能或需要记录未来工程师和代理理解代码库所需的上下文时使用。
addyosmani
incremental-implementation
增量式交付变更。在实现任何涉及多个文件的特性或变更时使用。当你即将一次性编写大量代码,或某个任务感觉太大而无法一步完成时使用。
addyosmani
performance-optimization
优化前端、后端、查询和数据库的应用程序性能。当存在性能要求、怀疑有性能回归、需要改进核心网页指标或加载时间、需要修复N+1查询模式或性能分析显示瓶颈时使用。
addyosmani
security-and-hardening
强化代码以抵御漏洞。适用于处理用户输入、身份验证、数据存储或外部集成时。适用于构建任何接受不可信数据、管理用户会话或与第三方服务交互的功能。
addyosmani
code-simplification
简化代码以提高清晰度。在重构代码以提升可读性但不改变行为时使用。在代码能工作但难以阅读、维护或扩展时使用。在审查积累了不必要复杂性的代码时使用。
addyosmani
debugging-and-error-recovery
指导系统性的根因调试。当测试失败、构建中断、行为不符合预期或遇到任何意外错误时使用。当你需要系统性地查找并修复根本原因而非猜测时使用。
addyosmani