Back to Home
🎨

Frontend Skills

前端框架、UI组件、样式工具

462 skills

Found 462 skills

Analysis and insights toolkit (Records + Database)
🎨Frontend
Claudeskillsfree

Technical leadership guidance for engineering teams, architecture decisions, and technology strategy. Includes tech debt analyzer, team scaling calculator, engineering metrics frameworks, technology evaluation tools, and ADR templates. Use when assessing technical debt, scaling engineering teams, evaluating technologies, making architecture decisions, establishing engineering metrics, or when user mentions CTO, tech debt, technical debt, team scaling, architecture decisions, technology evaluation, engineering metrics, DORA metrics, or technology strategy.

Author:Alireza Rezvani
Analysis and insights toolkit (Records + Database) v2
🎨Frontend
Claudeskillsfree

Technical leadership guidance for engineering teams, architecture decisions, and technology strategy. Includes tech debt analyzer, team scaling calculator, engineering metrics frameworks, technology evaluation tools, and ADR templates. Use when assessing technical debt, scaling engineering teams, evaluating technologies, making architecture decisions, establishing engineering metrics, or when user mentions CTO, tech debt, technical debt, team scaling, architecture decisions, technology evaluation, engineering metrics, DORA metrics, or technology strategy.

Author:Alireza Rezvani
Analysis and insights toolkit (Records + Database) v3
🎨Frontend
Claudeskillsfree

Technical leadership guidance for engineering teams, architecture decisions, and technology strategy. Includes tech debt analyzer, team scaling calculator, engineering metrics frameworks, technology evaluation tools, and ADR templates. Use when assessing technical debt, scaling engineering teams, evaluating technologies, making architecture decisions, establishing engineering metrics, or when user mentions CTO, tech debt, technical debt, team scaling, architecture decisions, technology evaluation, engineering metrics, DORA metrics, or technology strategy.

Author:Alireza Rezvani
Creating interactive data visualisations using d3
🎨Frontend
Claudeskillsfree

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

Author:chrisvoncsefalvay
Creating interactive data visualisations using d3 (React + VUE)
🎨Frontend
Claudeskillsfree

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

Author:chrisvoncsefalvay
Creating interactive data visualisations using d3 (React + VUE) v2
🎨Frontend
Claudeskillsfree

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

Author:chrisvoncsefalvay
Create HTML dashboards with KPI metric cards, bar/pie/lin...
🎨Frontend
Claudeskillsfree

Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.

Author:mhattingpete
Create HTML dashboards with KPI metric cards, bar/pie/lin... (ML)
🎨Frontend
Claudeskillsfree

Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.

Author:mhattingpete
Create HTML dashboards with KPI metric cards, bar/pie/lin... (ML) v2
🎨Frontend
Claudeskillsfree

Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards, metrics displays, KPI visualizations, data charts, or monitoring interfaces.

Author:mhattingpete
Use when invalid data causes failures deep in execution,...
🎨Frontend
Claudeskillsfree

Use when invalid data causes failures deep in execution, requiring validation at multiple system layers - validates at every layer data passes through to make bugs structurally impossible

Author:obra
Use when invalid data causes failures deep in execution,... (AI + Javascript)
🎨Frontend
Claudeskillsfree

Use when invalid data causes failures deep in execution, requiring validation at multiple system layers - validates at every layer data passes through to make bugs structurally impossible

Author:obra
Use when invalid data causes failures deep in execution,... (AI + Javascript) v2
🎨Frontend
Claudeskillsfree

Use when invalid data causes failures deep in execution, requiring validation at multiple system layers - validates at every layer data passes through to make bugs structurally impossible

Author:obra
Developer Growth Analysis
🎨Frontend
Claudeskillsfree

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

Author:ComposioHQ
Developer Growth Analysis (Claude + React)
🎨Frontend
Claudeskillsfree

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

Author:ComposioHQ
Developer Growth Analysis (Claude + React) v2
🎨Frontend
Claudeskillsfree

Analyzes your recent Claude Code chat history to identify coding patterns, development gaps, and areas for improvement, curates relevant learning resources from HackerNews, and automatically sends a personalized growth report to your Slack DMs.

Author:ComposioHQ
DNAnexus cloud genomics platform
🎨Frontend
Claudeskillsfree

DNAnexus cloud genomics platform. Build apps/applets, manage data (upload/download), dxpy Python SDK, run workflows, FASTQ/BAM/VCF, for genomics pipeline development and execution.

Author:K-Dense-AI
DNAnexus cloud genomics platform (Python + SDK)
🎨Frontend
Claudeskillsfree

DNAnexus cloud genomics platform. Build apps/applets, manage data (upload/download), dxpy Python SDK, run workflows, FASTQ/BAM/VCF, for genomics pipeline development and execution.

Author:K-Dense-AI
DNAnexus cloud genomics platform (Python + SDK) v2
🎨Frontend
Claudeskillsfree

DNAnexus cloud genomics platform. Build apps/applets, manage data (upload/download), dxpy Python SDK, run workflows, FASTQ/BAM/VCF, for genomics pipeline development and execution.

Author:K-Dense-AI
Expert guidance and best practices (AI + Nodejs)
🎨Frontend
Claudeskillsfree

Expert elevator pitch consultant for creating compelling, concise 30-60 second introductions tailored to specific audiences and contexts. This skill should be used when users need to craft elevator pitches for job interviews, networking events, investor meetings, or social media profiles. Guides users through structured discovery, applies proven frameworks (Three C's, Four-Part Structure), integrates storytelling techniques, and delivers multiple pitch versions with industry-specific hooks and closing lines.

Author:maxvaega
Expert guidance and best practices (AI + Nodejs) v2
🎨Frontend
Claudeskillsfree

Expert elevator pitch consultant for creating compelling, concise 30-60 second introductions tailored to specific audiences and contexts. This skill should be used when users need to craft elevator pitches for job interviews, networking events, investor meetings, or social media profiles. Guides users through structured discovery, applies proven frameworks (Three C's, Four-Part Structure), integrates storytelling techniques, and delivers multiple pitch versions with industry-specific hooks and closing lines.

Author:maxvaega
Expert guidance and best practices (AI + Nodejs) v3
🎨Frontend
Claudeskillsfree

Expert elevator pitch consultant for creating compelling, concise 30-60 second introductions tailored to specific audiences and contexts. This skill should be used when users need to craft elevator pitches for job interviews, networking events, investor meetings, or social media profiles. Guides users through structured discovery, applies proven frameworks (Three C's, Four-Part Structure), integrates storytelling techniques, and delivers multiple pitch versions with industry-specific hooks and closing lines.

Author:maxvaega
Phylogenetic tree toolkit (ETE)
🎨Frontend
Claudeskillsfree

Phylogenetic tree toolkit (ETE). Tree manipulation (Newick/NHX), evolutionary event detection, orthology/paralogy, NCBI taxonomy, visualization (PDF/SVG), for phylogenomics.

Author:K-Dense-AI
Phylogenetic tree toolkit (ETE) (PDF + Css)
🎨Frontend
Claudeskillsfree

Phylogenetic tree toolkit (ETE). Tree manipulation (Newick/NHX), evolutionary event detection, orthology/paralogy, NCBI taxonomy, visualization (PDF/SVG), for phylogenomics.

Author:K-Dense-AI
Phylogenetic tree toolkit (ETE) (PDF + Css) v2
🎨Frontend
Claudeskillsfree

Phylogenetic tree toolkit (ETE). Tree manipulation (Newick/NHX), evolutionary event detection, orthology/paralogy, NCBI taxonomy, visualization (PDF/SVG), for phylogenomics.

Author:K-Dense-AI
Page 5 / 20, showing 24 / 462 skills
Frontend Skills | Claude Skills Free