frontend▌
1,037 indexed skills · max 10 per page
clerk-nextjs-patterns
clerk/skills · Frontend
Advanced Next.js patterns for authentication, middleware, Server Actions, and user-scoped caching with Clerk. \n \n Distinguishes server-side await auth() from client-side useAuth() hook; mixing them is a common breaking mistake \n Covers middleware strategies (public-first vs protected-first), API route protection, and proper HTTP status codes (401 vs 403) \n Includes user-scoped caching patterns with unstable_cache and protecting Server Actions from unauthorized mutations \n Provides Core 2 co
vue-best-practices
vuejs-ai/skills · Frontend
Standard Vue 3 workflow with Composition API, <script setup> , and TypeScript as the default approach. \n \n Requires confirming project architecture upfront and reading core references on reactivity, SFCs, component data flow, and composables before implementation \n Enforces minimal source state with ref / reactive , deriving everything possible with computed , and keeping templates declarative \n Mandates component splitting when responsibilities exceed one clear purpose, with entry/root
security-requirement-extraction
wshobson/agents · Frontend
Transform threat analysis into actionable security requirements. \n \n Converts STRIDE threat categories into functional, non-functional, and constraint requirements with automatic priority calculation based on impact and likelihood \n Generates security user stories, acceptance criteria, and test cases directly from threats; includes traceability matrices linking threats to requirements \n Maps requirements to compliance frameworks (PCI-DSS, HIPAA, GDPR, SOC2, NIST, ISO 27001, OWASP) and identi
implement-design
figma/mcp-server-guide · Frontend
Translates Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Requires Figma MCP server connection and a Figma URL with file key and node ID to extract design context, screenshots, and assets \n Seven-step structured workflow: parse URL, fetch design context, capture visual reference, download assets, translate to project conventions, achieve 1:1 parity, and validate against Figma \n Prioritizes design system reuse over duplication; maps Figma tokens to project de
vue-pinia-best-practices
vuejs-ai/skills · Frontend
Vue Pinia state management patterns, store setup guidance, and reactivity best practices. \n \n Covers store initialization, DevTools integration, and SSR considerations for setup stores \n Addresses common reactivity pitfalls including destructuring breaks and method binding issues in templates \n Provides patterns for ephemeral state like filters, URL synchronization, and production app conventions \n References specific error scenarios with linked solutions for quick troubleshooting \n
create-github-issues-for-unmet-specification-requirements
github/awesome-copilot · Frontend
Automatically create GitHub issues for specification requirements not yet implemented in code. \n \n Analyzes specification files to extract all requirements, then checks codebase implementation status for each one \n Searches existing issues to prevent duplicates before creating new feature request issues \n Generates issues with requirement IDs, detailed descriptions, implementation guidance, and acceptance criteria \n Scans related specification files and code patterns to verify whether requi
markdown-to-html
github/awesome-copilot · Frontend
Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators. \n \n Supports multiple conversion tools: marked.js for Node.js/CLI workflows, pandoc for cross-format conversion, gomarkdown for Go projects, and Jekyll/Hugo for static site generation \n Handles all standard Markdown flavors including CommonMark, GitHub Flavored Markdown, and extended syntax for tables, code blocks, math expressions, and collapsed sections \n Provides CLI and programmatic workflo
sleek-design-mobile-apps
sleekdotdesign/agent-skills · Frontend
AI-powered mobile app design tool with REST API for creating projects, describing designs in plain language, and rendering screens. \n \n Supports high-level requests (\"design a fitness app\") and specific edits (\"add a pricing section to this screen\"); send natural language descriptions via chat messages and let the AI decide what to create or modify \n Requires Pro+ plan and API key with scoped permissions ( projects:read/write , chats:read/write , screenshots , components:read ) \n Async a
dotnet-design-pattern-review
github/awesome-copilot · Frontend
Comprehensive C#/.NET design pattern analysis with actionable improvement recommendations. \n \n Evaluates six core patterns: Command, Factory, Dependency Injection, Repository, Provider, and Resource patterns against GoF and SOLID principles \n Analyzes architecture compliance including namespace conventions, project separation, async/await patterns, and structured logging implementation \n Reviews code quality across security, testability, maintainability, and performance dimensions with speci
power-platform-mcp-connector-suite
github/awesome-copilot · Frontend
Complete Power Platform custom connector generator with MCP integration, schema validation, and Copilot Studio compliance. \n \n Generates four core files (apiDefinition.swagger.json, apiProperties.json, script.csx, readme.md) with built-in MCP protocol support and JSON-RPC 2.0 handling for Copilot Studio agents \n Validates schemas against Copilot Studio constraints: no reference types, single type values only, primitive types, and resources as tool outputs \n Supports six generation modes: com