Back to tags
Tag

Agent Skills with tag: html-css

39 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

run-gemini

向助手发出协助请求,适用于长文阅读理解、网络搜索、网页读取、文章翻译、网页与前端界面制作等任务场景。

geminiagent-tool-interfaceweb-searchtranslation
LostAbaddon
LostAbaddon
42

duotone-identity

Use when designing app pages, typography, spacing, or any UI look and feel for the Identity Platform. Load for creating landing pages, chapter sections, SVG illustrations, or applying the duotone cream/charcoal design system. Keywords: design, ui, styling, theme, colors, layout

design-systemsui-designhtml-cssstyling
ingpoc
ingpoc
5

css-styling

Write modern, maintainable CSS using best practices for layouts, responsive design, animations, and CSS architecture. Use when styling websites, fixing CSS issues, or implementing designs.

html-cssresponsive-layoutmedia-queriesflexbox
vapvarun
vapvarun
3

frontend-design

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 websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

html-cssui-designresponsive-designweb-components
vapvarun
vapvarun
3

html-markup

Write semantic, accessible HTML5 markup following best practices for structure, SEO, and accessibility. Use when creating HTML templates, fixing markup issues, or building web page structures.

htmlhtml-cssbest-practicesaccessibility
vapvarun
vapvarun
3

frontend-design

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 avoids generic AI aesthetics.

html-cssresponsive-layoutui-componentsdesign-system
shekohex
shekohex
5

Design System Français (DSFR)

Documentation et accessibilité concernant le Design System Français (DSFR), un ensemble de composants et de bonnes pratiques pour créer des interfaces utilisateur conformes aux standards du gouvernement français. Use when user wants to implement DSFR components, needs DSFR documentation, asks about French government design system, requires RGAA accessibility guidelines, works with French government websites, or needs HTML/CSS examples for accessible components.

design-systemaccessibilityhtml-cssRGAA
numerique-gouv
numerique-gouv
8

frontend-design

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 avoids generic AI aesthetics.

html-cssweb-componentsui-componentsresponsive-layout
acking-you
acking-you
51

frontend-design

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 avoids generic AI aesthetics.

html-cssresponsive-designui-componentsweb-components
snarktank
snarktank
8039

frontend-design

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 avoids generic AI aesthetics.

html-cssresponsive-designweb-componentsui-components
johnlindquist
johnlindquist
142

market-research-html

使用 HTML/CSS 格式生成综合性市场研究报告(50+页),风格模仿顶级咨询公司。具有专业排版、丰富的视觉生成、深度数据集成,支持多框架战略分析。HTML 格式使 AI 编辑和局部更新更加简便。

market-researchhtml-cssvisualizationtemplates
Arcanexis
Arcanexis
72

market-research-html

使用 HTML/CSS 格式生成综合性市场研究报告(50+页),风格模仿顶级咨询公司。具有专业排版、丰富的视觉生成、深度数据集成,支持多框架战略分析。HTML 格式使 AI 编辑和局部更新更加简便。

market-researchhtml-generationhtml-cssvisualization
ArcaneOrion
ArcaneOrion
72

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when building or refining web components, pages, or apps (HTML/CSS/JS/React) with bold aesthetics, purposeful layouts, motion, and accessibility. Avoid generic AI-looking output.

html-cssreactui-componentsaccessibility
vipulgupta2048
vipulgupta2048
91

screenshot-to-code

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

design-to-codeimage-analysishtml-cssreact
OneWave-AI
OneWave-AI
237

htmlcsstoimage

HTMLCSStoImage API via curl. Use this skill to generate images from HTML/CSS or capture screenshots of web pages.

apihtml-cssscreenshot-captureimage-generation
vm0-ai
vm0-ai
12

bencium-innovative-ux-designer

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 avoids generic AI aesthetics.

ui-designui-componentsweb-developmenthtml-css
bencium
bencium
665

frontend-design

Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.

html-cssstylingui-componentsdesign-systems
YYH211
YYH211
12713

frontend-design

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 avoids generic AI aesthetics.

html-cssjavascriptui-componentsstyling
julianromli
julianromli
12918

Page 2 of 3 · 39 results

html-css | Agent Skills