frontend-design
Create distinctive, production-grade frontend interfaces with modern, minimalistic, and luxury design aesthetic. Use this skill when the user asks to build web components, pages, or applications.
发现 blockchain design 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
Create distinctive, production-grade frontend interfaces with modern, minimalistic, and luxury design aesthetic. Use this skill when the user asks to build web components, pages, or applications.
Gerar apresentações Beamer LaTeX no padrão UNESP dark mode. Usar quando o usuário pedir para criar slides, apresentações, ou palestras em Beamer/LaTeX. O template usa tema Madrid com cores escuras (fundo RGB 26...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Fetch design information from Figma using the API. Use when applying designs from Figma, extracting styles, colors, fonts, or layout information. Requires FIGMA_TOKEN environment variable.
Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items). Use when asked to design, implement, or modify data item visuals, layout logic, or registerItem composites.
Generate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme), or to output `infographic ` plain syntax.
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify structure layouts (list/compare/sequence/hierarchy/re...
Generate images using AI models via OpenRouter API. Supports text-to-image and image-based generation with customizable aspect ratios. Use when the user asks to generate, create, or synthesize images based on t...
Generates premium dark-mode UI for Apex OS wellness app (React Native + Expo 54). Use when designing screens, creating components, making layout decisions, generating data visualizations, or writing frontend co...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Applies PwC's official brand colors and typography to any sort of artifact that may benefit from having PwC's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design st...
Creates distinctive, creative frontend designs that avoid generic "AI slop" aesthetics. Use when designing UI components, choosing colors/fonts, adding animations, or improving visual design. Focuses on unique...
Build educational demos with excellent UX. Use when spawned by orchestrator to create or improve interactive visualizations. Focus on: obvious next action, no scrolling, persistent state display. You don't see...
Create UI components and designs following Google Material Design 3 (Material You) guidelines. Use when building Material UI components, implementing Material theming, working with elevation, color systems, typ...
Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "design system", "style guide", or wants to create design guidelines for their project.
Generate images using Google Gemini Nano Banana (gemini-2.5-flash-image) model. Use when asked to create images, generate visuals, design graphics, or produce artwork for marketing materials like Fiverr gigs, s...
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual...
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and...
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, imp...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Create interactive single-file HTML prototypes for UX validation. Use when the user asks to create a prototype, mockup, or interactive wireframe based on specs/architecture/ux.md or any UX specification. Trigge...
Create components and pages following the Family Gifting Dashboard "Soft Modernity" design system. Use when building UI components, pages, or implementing design specifications. Includes Apple-inspired warmth,...
Write and maintain CSS following project conventions using consistent methodologies like Tailwind CSS, BEM, CSS modules, or utility classes, while creating distinctive, aesthetically excellent designs. Use this...
Complete visual content system for PAI. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn sketch style.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。