Packs
5 packs@oimiragieo
Gotcontext Frontend Developer
Gotcontext Frontend Developer from oimiragieo/gotcontext-frontend-developer.
100 skills · pack
@auto-skiller
Frontend
Frontend from Auto-Skiller/plugboot.
2 skills · pack
curated
Frontend & UI
React, Vue, Svelte, CSS and component skills for building interfaces.
31 skills · pack
@leonxlnx
Taste
Design-taste toolkit: image-to-code, high-end visual design, brutalist/minimalist UI systems, image-gen frontends and redesign workflows from Leonxlnx.
12 skills · pack
@alirezarezvani
Engineering Team
32 engineering skills: architecture, frontend, backend, fullstack, QA, DevOps, security, AI/ML, data engineering, Playwright (9 sub-skills), self-improving agent, Stripe integration, TDD guide, tech stack evaluator, Google Workspace CLI, a11y audit (WCAG 2.2), Azure cloud architect, GCP cloud architect, security pen testing, Snowflake development, adversarial-reviewer, ai-security, cloud-security,
16 skills · pack
Results for “front”
397 skillsweb-artifacts-builder
Creates elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui for complex frontend projects.
158k · bundle
engineering
Routes software engineering tasks across backend, frontend, AI/ML, mobile, DevOps, and infrastructure sub-skills, applying security and ethics gates.
2 · bundle
create-skill
Guides the creation of well-structured Claude Code skills and slash commands, covering skill types, scope, frontmatter settings, and file organization.
0 · bundle
stitch-code-to-design
Converts existing frontend code into a Stitch Design by chaining static HTML extraction, design system extraction, and file upload.
0
vault-lint
Lints native Knowledge Vault markdown against the capture-llm-wiki schema, checking frontmatter, wikilinks, and citation hygiene, and writes a report.
0
frontend-change-builder
Use `task-agent` for bounded frontend component or browser changes involving interaction, accessibility, API failures, security, or regression proof. Skip backend-only work and design exploration without implementation.
4 · bundle
fullstack-dev
Provides full-stack development practices covering backend architecture, frontend-backend integration, and production hardening with structured workflows and checklists.
12.9k · bundle
baoyu-format-markdown
Formats plain text or markdown files into well-structured markdown with frontmatter, headings, bold, lists, and typography fixes, outputting a new formatted file.
559 · bundle
frontend-api-integration
Consume APIs from the frontend with TanStack Query, fetch, or SWR, including caching, refetching, optimistic updates, and error handling.
0
webapp-testing
Interact with and test local web applications using Playwright, including verifying frontend functionality, debugging UI behavior, capturing screenshots, and viewing browser logs.
1 · bundle
frontend-design-review
Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.
2.7k · bundle
turnstile-spin
Set up Cloudflare Turnstile end-to-end: create a widget, deploy a managed siteverify Worker, insert frontend snippets, and validate the integration.
2.1k · bundle
publication-review
Review MetaSkill skills before publication for privacy, public-safe examples, frontmatter and folder standards, truthful capability claims, and resource consistency.
2 · bundle
frontend-slides
从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式,或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。
0 · bundle
create-skill
Scaffolds new agent skills conforming to the Agent Skills specification and dotnet/skills repository conventions, generating SKILL.md files with proper frontmatter and directory structures.
4k
team-fe
Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.
19 · bundle
wiki-ingest
Converts raw, unstructured sources into structured wiki pages with YAML frontmatter, Counter-Arguments sections, and bidirectional wikilinks, storing them in MemPalace.
2
obsidian
Gerencia o vault do Obsidian via MCP: lê, escreve, edita, busca e organiza notas, tags e frontmatter, com confirmação para mutações destrutivas.
2
responsive-layout
Scans frontend files, audits them for responsive layout issues, and applies minimal CSS/className fixes to prevent overflow at small window or mobile sizes.
0
design-review
Review a built frontend against its chosen direction, catch drift back to generic AI defaults, enforce state coverage, ethical patterns, UX heuristics, and polish, and check contrast with APCA (not the legacy WCAG ratio). Produces specific, prioritized fixes — never vibes-based feedback. Works with pasted screenshots or Playwright MCP automated capture. Load when the user asks to review a UI, audit a design, check if a frontend looks generic or vibecoded, evaluate visual quality or polish, says "review this UI", "is this design good", "audit my frontend", "does this feel like [product]", "design QA", or when frontend-design routes here. Sub-skill of frontend-design.
3 · bundle
create-custom-agent
Scaffolds VS Code custom agent files (.agent.md) with YAML frontmatter, tool configuration, handoffs, and instructions for specialized AI personas.
4k
frontend-dev
Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.
12.9k · bundle
fd
Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.
61
team-fe
Generates frontend source code files and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.
1 · bundle
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.
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.
3
design-it
Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.
42.4k
ckw-design
Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.
42.4k
stitch-code-to-design
Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.
6.4k
baoyu-danger-x-to-markdown
Converts X (Twitter) tweets, threads, and articles to markdown with YAML front matter using a reverse-engineered API.
23.1k · bundle
frontend-design-system
Use this skill for tokens, components, variants, theming, consistency, reusable UI architecture. Trigger when the task involves web design work related to Frontend Design System, production implementation, audits, debugging, strategy, or validation.
1 · bundle
audit-fe-api
Audit frontend API calls against backend implementation for contract alignment and network shape. Use when "API audit", "FE-BE contract", or "review frontend API integration". Live 4xx/5xx reproduction → debug-fe-be-integration.
8
frontend-accessibility
Design, implement, and audit accessible frontend interfaces with a concise checklist for keyboard navigation, ARIA, focus states, and color contrast.
0 · bundle
azure-front-door
Expert knowledge for Azure Front Door development including troubleshooting, best practices, decision making, architecture & design patterns, limits & quotas, security, configuration, integrations & coding patterns, and deployment. Use when configuring Front Door routing/caching, rules engine, TLS/origin auth, CDN video delivery, or POP limits, and other Azure Front Door related development tasks. Not for Azure Application Gateway (use azure-application-gateway), Azure Traffic Manager (use azure-traffic-manager), Azure Load Balancer (use azure-load-balancer), Azure Web Application Firewall (use azure-web-application-firewall).
3
cuopt-multi-objective-exploration
Trace and interpret the Pareto frontier across competing objectives using repeated single-objective cuOpt solves (weighted-sum and ε-constraint).
2.2k · bundle
frontend-e2e-testing
Guides end-to-end testing of frontend applications using Playwright or Cypress, covering multi-page user flows in real browsers, API mocking, and CI integration.
0