Overview CLI FAQ

Agent Skills 排行榜 · 关键词 + 语义搜索

按 / 聚焦搜索框
正在使用 AI 进行语义搜索...
21,424
总 Skills
34.8M
总安装量
2,439
贡献者
# Skill 仓库 描述 安装量
13851 knowledge-management groeimetai/snow-flow
Knowledge Management Skill You are an expert at creating, organizing, and maintaining support knowledge base content. You write articles that are searchable, scannable, and solve customer problems on the first read. You understand that every good KB article reduces future ticket volume. Article Structure and Formatting Standards Universal Article Elements Every KB article should include: Title : Clear, searchable, describes the outcome or problem (not internal jargon) Overview : 1-2 sentences ex...
 61
13852 spec-gathering oimiragieo/agent-studio
Requirements Gathering Skill Overview Gather user requirements through structured questioning and produce a validated requirements document. This skill transforms vague task descriptions into actionable, structured requirements. Core principle: Ask smart questions, produce valid structured output. Nothing else. When to Use Always: Starting a new feature or project Clarifying ambiguous task descriptions When user provides high-level goals without specifics Before spec writing begins Exceptions: S...
 61
13853 structured-output-extractor patricio0312rev/skills
Structured Output Extractor Extract reliable, typed data from LLM responses. Core Workflow Define schema: Create data structure Choose method: Function calling vs prompting Generate response: Call LLM with structure Validate output: Parse and verify Handle errors: Retry or fallback Methods Comparison Method Reliability Flexibility Best For OpenAI JSON Mode High Medium Simple JSON Function Calling Very High High Complex schemas Instructor Very High High Python/TS apps Zod + Prompting Medium Hig...
 61
13854 complexity-assessment oimiragieo/agent-studio
Complexity Assessment Skill Overview Analyze a task description and determine its true complexity to ensure the right workflow and validation depth are selected. Accuracy over speed - wrong complexity means wrong workflow means failed implementation. Core principle: Accuracy over speed. Wrong complexity = wrong workflow = failed implementation. When to Use Always: Before planning any new task When requirements are gathered but approach unclear When determining validation depth for QA Exceptions:...
 61
13855 chrome-webstore-release-blueprint brianlovin/claude-config
Chrome Web Store Release Blueprint Use this skill as a hands-on setup guide. The agent should lead the user step-by-step, ask for confirmations, and only automate the parts that can be done locally/in CI. What This Skill Is For Helping a user set up Chrome Web Store release automation from scratch. Giving clear manual instructions for Google/CWS dashboard steps. Implementing repo-side scripts/workflows after the user provides credentials. Verifying submission state ( PUBLISHED , PENDING_REVIEW ,...
 61
13856 using-user-stories andrelandgraf/fullstackrecipes
Working with User Stories Document and track feature implementation with user stories. Workflow for authoring stories, building features, and marking acceptance criteria as passing. User stories document what features should do and track implementation status. When AI agents work through user stories systematically, they produce better results and leave a clear trail of what was done. Workflow When working on features: Author/Update: Create or modify user story features before building Buil...
 61
13857 security-auditor erichowens/some_claude_skills
Security Auditor Skill Automatic security vulnerability detection. When I Activate ✅ Code files modified (especially auth, API, database) ✅ User mentions security or vulnerabilities ✅ Before deployments or commits ✅ Dependency changes ✅ Configuration file changes What I Scan For OWASP Top 10 Patterns 1. SQL Injection // CRITICAL: SQL injection const query = ` SELECT * FROM users WHERE id = ${ userId } ` ; // SECURE: Parameterized query const query = 'SELECT * FROM users WHERE id = ?' ; db . quer...
 61
13858 dojo-test dojoengine/book
Dojo Test Generation Write comprehensive tests for your Dojo models and systems using Cairo's test framework and Dojo's test utilities. When to Use This Skill "Write tests for the move system" "Test the Position model" "Add unit tests for combat logic" "Create integration tests" What This Skill Does Generates test files with: spawn_test_world() setup Model and system registration Test functions with assertions Cheat code usage for manipulating execution context State verification Quick Start Int...
 61
13859 vercel-react-best-practices connorads/dotfiles
Vercel React Best Practices Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 62 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. When to Apply Reference these guidelines when: Writing new React components or Next.js pages Implementing data fetching (client or server-side) Reviewing code for performance issues Refactoring existing React/Next.js code Optimizing bundle size or load tim...
 61
13860 godot-ability-system thedivergentai/gd-agentic-skills
Ability System Expert guidance for building flexible, extensible ability systems. NEVER Do NEVER use _process() for cooldown tracking — Use timers or manual delta tracking in _physics_process(). _process() has variable delta and causes cooldown desync in slow frames. NEVER forget global cooldown (GCD) — Without GCD, players spam instant abilities. Add a small universal cooldown (0.5-1.5s) between all ability casts. NEVER hardcode ability effects in manager code — Use the Strategy pattern. Each a...
 61
13861 r-expert personamanagmentlayer/pcl
Expert guidance for R programming, statistical analysis, data visualization, and data science. Core Concepts R Fundamentals - Vectors and data frames - Factors and lists - Functions and apply family - Packages and libraries - R Markdown - Tidyverse ecosystem Statistical Analysis - Descriptive statistics - Hypothesis testing - Regression analysis - ANOVA - Time series analysis - Machine learning Data Visualization - ggplot2 - Base R graphics - Interactive plots (plotly) - ...
 61
13862 twitter-to-binance-square 6551team/6551-twitter-to-binance-square
Twitter to Binance Square Auto-Mirror Skill Overview Automatically fetch tweets from specified Twitter accounts or keyword searches, transform the content for Binance Square, and post them. Designed for building automation pipelines with configurable polling intervals and deduplication. Automation script: scripts/auto_mirror.py Config template: mirror_config.example.json Usage guide: README.md Prerequisites Item Description How to get TWITTER_TOKEN 6551 API Bearer token 访问 https://6551.io/mcp 注册...
 61
13863 blockbench-animation jasonjgardner/blockbench-mcp-project
Blockbench Animation Create animations for 3D models using Blockbench MCP tools. Available Tools Tool Purpose create_animation Create animation with keyframes for bones manage_keyframes Create/edit/delete keyframes per bone and channel animation_graph_editor Fine-tune animation curves (smooth, linear, ease) bone_rigging Create/modify bone structure for animation animation_timeline Control playback, time, FPS, loop settings batch_keyframe_operations Batch operations: offset, scale, reverse, mir...
 61
13864 microsoft-docs microsoftdocs/mcp
Microsoft Docs Tools Tool Use For microsoft_docs_search Find documentation—concepts, guides, tutorials, configuration microsoft_docs_fetch Get full page content (when search excerpts aren't enough) When to Use Understanding concepts — "How does Cosmos DB partitioning work?" Learning a service — "Azure Functions overview", "Container Apps architecture" Finding tutorials — "quickstart", "getting started", "step-by-step" Configuration options — "App Service configuration settings" Limits & quotas —...
 61
13865 walking-through-the-grove autumnsgrove/groveengine
Walking Through the Grove A naming ritual for the Grove ecosystem. Use this when you need to find a name that fits —not just a clever pun, but something that belongs in this forest. When to Activate Naming a new service, feature, or concept for Grove Renaming something that doesn't feel right Called from the grove-ui-design skill when new UI needs a name Any time you're adding something to the Grove ecosystem The Process This is a journey , not a checklist. Take your time. Step 1: Read the Namin...
 61
13866 plotext-financial-chart terrylica/cc-skills
Plotext Financial Chart Skill Create ASCII financial line charts for GitHub Flavored Markdown using plotext with dot marker ( • ). Pure text output — renders correctly on GitHub, terminals, and all monospace environments. Analogy : graph-easy is for flowcharts. plotext with dot marker is for financial line charts. When to Use This Skill Adding price path / line chart diagrams to markdown documentation Visualizing trading concepts (barriers, thresholds, entry/exit levels) Any GFM markdown file ne...
 61
13867 hig-technologies raintree-technology/apple-hig-skills
Apple HIG: Technologies Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered. Key Principles Apple technologies extend app capabilities through system integration. Each technology has established user-facing patterns; deviating creates confusion and erodes trust. Privacy and user control are paramount. Especially for health, payment, and identity technologies. Request only needed data, explain why, respect choice...
 61
13868 imagegen davila7/claude-code-templates
Generates or edits images for the current project (e.g., website assets, game assets, UI mockups, product mockups, wireframes, logo design, photorealistic images, infographics). Defaults to `gpt-image-1.5` and the OpenAI Image API, and prefers the bundled CLI for deterministic, reproducible runs. When to use - Generate a new image (concept art, product shot, cover, website hero) - Edit an existing image (inpainting, masked edits, lighting or weather transformations, background replacement, o...
 61
13869 fal-ai hoodini/ai-agents-skills
fal.ai - Serverless AI Platform Generate images, videos, and audio with fal.ai's fast serverless inference. Quick Start npm install @fal-ai/serverless-client import * as fal from '@fal-ai/serverless-client'; fal.config({ credentials: process.env.FAL_KEY, }); // Generate image with Flux const result = await fal.subscribe('fal-ai/flux/dev', { input: { prompt: 'A serene Japanese garden with cherry blossoms', image_size: 'landscape_16_9', num_images: 1, }, }); console.log(res...
 61
13870 memory-metadata-search basicmachines-co/basic-memory-skills
Memory Metadata Search Find notes by their structured frontmatter fields instead of (or in addition to) free-text content. Any custom YAML key in a note's frontmatter beyond the standard set ( title , type , tags , permalink , schema ) is automatically indexed as entity_metadata and becomes queryable. When to Use Filtering by status or priority — find all notes with status: draft or priority: high Querying custom fields — any frontmatter key you invent is searchable Range queries — find notes wi...
 61
13871 debugging oimiragieo/agent-studio
Debugging When to use this skill Encountering runtime errors or exceptions Code produces unexpected output or behavior Performance degradation or memory issues Intermittent or hard-to-reproduce bugs Understanding unfamiliar error messages Post-incident analysis and prevention Instructions Step 1: Gather Information Collect all relevant context about the issue: Error details : Full error message and stack trace Error type (syntax, runtime, logic, etc.) When did it start occurring? Is it reproduci...
 61
13872 bun hono integration secondsky/claude-skills
Bun Hono Integration Hono is a fast, lightweight web framework optimized for Bun. Quick Start bun create hono my-app cd my-app bun install bun run dev Basic Setup import { Hono } from "hono" ; const app = new Hono ( ) ; app . get ( "/" , ( c ) => c . text ( "Hello Hono!" ) ) ; app . get ( "/json" , ( c ) => c . json ( { message : "Hello" } ) ) ; export default app ; Routing import { Hono } from "hono" ; const app = new Hono ( ) ; // HTTP methods app . get ( "/users" , ( c ) => c . json ( [ ] ) )...
 61
13873 notifications-toasts dylantarre/animation-principles
Notification & Toast Animation Principles Apply Disney's 12 principles to notifications for attention-grabbing yet non-disruptive alerts. Principles Applied to Notifications 1. Squash & Stretch Toast can compress slightly on entrance impact, then stretch back. Creates a "landing" feel as if it arrived from off-screen. 2. Anticipation Before auto-dismiss, toast can contract slightly (95% scale) for 100ms. Signals imminent departure to user. 3. Staging Notifications should appear in consist...
 61
13874 vueuse-functions vueuse/vueuse
VueUse Functions This skill is a decision-and-implementation guide for VueUse composables in Vue.js / Nuxt projects. It maps requirements to the most suitable VueUse function, applies the correct usage pattern, and prefers composable-based solutions over bespoke code to keep implementations concise, maintainable, and performant. When to Apply Apply this skill whenever assisting user development work in Vue.js / Nuxt. Always check first whether a VueUse function can implement the requirement. Pre...
 61
13875 groksearch connorads/dotfiles
groksearch Search X and the web using Grok's server-side tools and return a concise summary with top sources. This skill uses Grok's own x_search and web_search tools (not Claude WebSearch). Usage Run the script using absolute path (do NOT cd to the skill directory first): uv run ~/.claude/skills/groksearch/scripts/groksearch.py "your query" Common options X + Web (default) uv run ~/.claude/skills/groksearch/scripts/groksearch.py "your query" --sources both X only uv run ~/.claude/skills/groks...
 61
13876 typescript siviter-xyz/dot-agent
TypeScript Code Style Guide Types and Type Safety Avoid explicit type annotations when TypeScript can infer Avoid implicitly any ; explicitly type when necessary Use accurate types: prefer Record<PropertyKey, unknown> over object or any Prefer interface for object shapes (e.g., React props); use type for unions/intersections Prefer as const satisfies XyzInterface over plain as const Prefer @ts-expect-error over @ts-ignore over as any Avoid meaningless null/undefined parameters; design strict fun...
 61
13877 moai-workflow-project modu-ai/moai-adk
MoAI Workflow Project - Integrated Project Management System Purpose: Comprehensive project management system that integrates documentation generation, multilingual support, and template optimization into unified architecture with intelligent automation and Claude Code integration. Scope: Consolidates documentation management, language initialization, and template optimization into single cohesive system supporting complete project lifecycle from initialization to maintenance. Target: Claude ...
 61
13878 api-gateway-patterns manutej/luxor-claude-marketplace
API Gateway Patterns A comprehensive skill for implementing production-grade API gateways using Kong and industry best practices. This skill covers advanced routing, authentication, rate limiting, load balancing, traffic management, and observability patterns for microservices architectures. When to Use This Skill Use this skill when: Implementing an API gateway for microservices architectures Managing traffic routing, load balancing, and service discovery Implementing authentication and aut...
 61
13879 rust-system-event-driven pproenca/dot-skills
Rust System Event-Driven Best Practices Comprehensive best practices guide for event-driven system programming in Rust. Contains 42 rules across 8 categories, prioritized by impact to guide async runtime usage, channel communication, threading, networking, and terminal handling. When to Apply Reference these guidelines when: Building async applications with Tokio or async-std Implementing network servers or clients Writing terminal user interfaces (TUIs) Managing concurrent tasks and shared ...
 61
13880 hl7-pam-parser dedalus-erp-pas/foundation-skills
This skill parses and explains HL7 v2.5 IHE PAM (Patient Administration Management) messages - the standard healthcare interoperability format for patient administration events. The parser identifies message types, extracts segments and fields, validates structure according to IHE PAM 2.10 specifications, and provides human-readable explanations. When to use this skill: - Parse and explain any HL7 ADT message (raw HL7 text) - Identify HL7 message type and event code (ADT^A01, ADT^A02, etc.) ...
 61
13881 heartwood-auth autumnsgrove/groveengine
Heartwood Auth Integration Skill When to Activate Activate this skill when: Adding authentication to a Grove application Protecting admin routes Validating user sessions Setting up OAuth sign-in Integrating with Heartwood (GroveAuth) Overview Heartwood is Grove's centralized authentication service powered by Better Auth. Domain Purpose heartwood.grove.place Frontend (login UI) auth-api.grove.place Backend API Key Features OAuth Providers : Google Magic Links : Click-to-login emails via Resend Pa...
 61
13882 conversational-ai-flow dengineproblem/agents-monorepo
Conversational AI Flow Expert Эксперт по проектированию и реализации потоков разговорного ИИ. Основные принципы дизайна Управление состоянием class ConversationState : def __init__ ( self ) : self . current_intent = None self . entities = { } self . conversation_history = [ ] self . flow_position = "start" self . confidence_threshold = 0.7 def update_context ( self , user_input , intent , entities ) : self . conversation_history . append ( { "user_input" : user_input , "intent" : intent , "entit...
 61
13883 umbraco-entity-actions umbraco/umbraco-cms-backoffice-skills
Umbraco Entity Actions What is it? Entity Actions perform an action on a specific item in Umbraco. They provide a generic extension point for secondary functionality associated with entity types like documents, media, or custom entities. These actions appear in context menus throughout the backoffice and can be controlled by user permissions. Documentation Always fetch the latest docs before implementing: Main docs : https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-t...
 61
13884 vuln-analysis-expert tanweai/wooyun-legacy
WooYun 漏洞分析专家系统 ┌─────────────────────────────────────────────────────────────────┐ │ 🎯 知识来源: WooYun 88,636 真实漏洞案例 (2010-2016) │ │ 📊 知识库规模: 8大类型 × 50案例深度分析 = 4,973行方法论 │ │ ⚡ 核心价值: 元思考方法论 + 实战测试流程 + 绕过技巧库 │ └─────────────────────────────────────────────────────────────────┘ 一、漏洞类型全景图 漏洞类型 案例数 知识库 核心洞察 SQL注入 27,732 sql-injection.md 代码与数据边界混淆 XSS跨站 7,532 xss.md 信任边界突破 命令执行 6,826 command-execution.md 数据到指令的跃迁 逻辑漏洞 8,292 logic-flaws.md 业务假设与行为偏差 文件上传 2,711 file-upl...
 61
13885 github dalestudy/skills
GitHub Patterns Tools Use gh CLI for all GitHub operations. Prefer CLI over GitHub MCP servers for lower context usage. Quick Commands Create a PR from the current branch gh pr create --title "feat: add feature" --body "Description" Squash-merge a PR gh pr merge < PR_NUMBER > --squash --title "feat: add feature (<PR_NUMBER>)" View PR status and checks gh pr status gh pr checks < PR_NUMBER > Stacked PR Workflow Summary When merging a chain of stacked PRs (each targeting the previous branch): M...
 61
13886 muapi-ui-design samuraigpt/generative-media-skills
🎨 UI/UX Design Mockup Skill A specialized skill for AI Agents to architect high-fidelity digital interfaces. The UI/UX Design skill translates product requirements into technical design specifications for high-fidelity mockups, wireframes, and design systems. Core Competencies Atomic Design Orchestration : Structuring interfaces from Atoms (buttons) to Organisms (headers) for system consistency. Platform-Specific Layouts : Designing for responsive breakpoints across Mobile (iOS/Android) and Web ...
 61
13887 model-quantization martinholovsky/claude-skills-generator
Model Quantization Skill File Organization: Split structure. See references/ for detailed implementations. 1. Overview Risk Level: MEDIUM - Model manipulation, potential quality degradation, resource management You are an expert in AI model quantization with deep expertise in 4-bit/8-bit optimization, GGUF format conversion, and quality-performance tradeoffs. Your mastery spans quantization techniques, memory optimization, and benchmarking for resource-constrained deployments. You excel at:...
 61
13888 social-media-intelligence jamditis/claude-skills-journalism
Social media intelligence Systematic approaches for monitoring, analyzing, and investigating social media for journalism. When to activate Tracking how a story spreads across platforms Investigating potential coordinated inauthentic behavior Monitoring breaking news across social platforms Analyzing account networks and relationships Detecting bot activity or manipulation campaigns Building evidence trails for digital investigations Archiving social content before deletion Real-time monitoring M...
 61
13889 b2c-logs salesforcecommercecloud/b2c-developer-tooling
B2C Logs Skill Use the b2c CLI to retrieve and monitor log files on Salesforce B2C Commerce instances. The logs get command is designed for agent-friendly, non-interactive log retrieval with structured JSON output. Tip: If b2c is not installed globally, use npx @salesforce/b2c-cli instead (e.g., npx @salesforce/b2c-cli logs get ). Agent-Friendly Log Retrieval The logs get command is optimized for coding agents: Exits immediately after retrieving logs (non-interactive) Supports --json for structu...
 61
13890 execution-validator shipshitdev/library
Execution Validator - Hormozi Speed Scorecard Overview Assess whether someone is ready to take action, if their scope is appropriate, and if they're building excuses or building businesses. Hormozi's Core Principle: "Speed is the only competitive advantage that matters early on." When This Activates "validate my plan" / "am I ready to launch" "is my scope too big" "should I do X or Y first" "I'm still planning" / "I'm not ready yet" Been "working on something" for months Stuck in analysis par...
 61
13891 podman knoopx/pi
Podman Skill Container Management Basic Lifecycle Run a container (detached) podman run -d --name my-app alpine sleep 1000 List running containers podman ps List all containers (including stopped ones) podman ps -a Stop and remove a container podman stop my-app podman rm my-app Inspect container details podman inspect my-app Logs and Execution View container logs (non-interactive) podman logs my-app Execute a command in a running container podman exec my-app ls /app Image Managemen...
 61
13892 b2c-site-import-export salesforcecommercecloud/b2c-developer-tooling
Site Import/Export Skill Use the b2c CLI plugin to import and export site archives on Salesforce B2C Commerce instances. Tip: If b2c is not installed globally, use npx @salesforce/b2c-cli instead (e.g., npx @salesforce/b2c-cli job import ). Import Commands Import Local Directory Import a local directory as a site archive b2c job import ./my-site-data Import and wait for completion b2c job import ./my-site-data --wait Import a local zip file b2c job import ./export.zip Keep the archive on the...
 61
13893 umbraco-property-editor-schema umbraco/umbraco-cms-backoffice-skills
Umbraco Property Editor Schema What is it? A Property Editor Schema defines the server-side metadata and configuration structure for a property editor - essentially the "blueprint" for how data is stored and processed. It's one half of a property editor (paired with a Property Editor UI). The schema determines data validation, storage format, and how property data is made available when rendering the website. Most custom editors can use built-in schemas; custom schemas are needed for specialized...
 61
13894 interactive-shell dicklesworthstone/pi_agent_rust
Interactive Shell (Skill) Last verified: 2026-01-18 Foreground vs Background Subagents Pi has two ways to delegate work to other AI coding agents: Foreground Subagents Dispatch Subagents Background Subagents Tool interactive_shell interactive_shell (dispatch) subagent Visibility User sees overlay User sees overlay (or headless) Hidden from user Agent model Polls for status Notified on completion Full output captured Default agent pi (others if user requests) pi (others if user requests) Pi only ...
 61
13895 systemd chaterm/terminal-skills
Systemd 服务单元编写、依赖管理、日志查看等技能。 服务管理 基础命令 ``` 启停服务 systemctl start service-name systemctl stop service-name systemctl restart service-name systemctl reload service-name 重载配置（不中断服务） 开机启动 systemctl enable service-name systemctl disable service-name systemctl enable --now service-name 启用并立即启动 查看状态 systemctl status service-name systemctl is-active service-name systemctl is-enabled service-name systemctl is-failed service-name ``` 服务列表 ``` 列出所有服务 systemctl list-units --type=servic...
 61
13896 learned-docs dagster-io/erk
Learned Documentation Guide Overview: docs/learned/ contains agent-focused documentation with: YAML frontmatter for routing and discovery Hierarchical category organization (categories listed in index below) Index files for category navigation Routing tables in AGENTS.md Core Knowledge (ALWAYS Loaded) @learned-docs-core.md Document Registry (Auto-Generated) @docs/learned/index.md Frontmatter Requirements Every markdown file (except index.md) MUST have: --- title : Document Title read_when : - "f...
 61
13897 imgur vm0-ai/vm0-skills
Imgur Image Hosting Imgur is a free image hosting service. Upload images and get URLs for sharing, embedding in articles, or using in documentation. When to Use Upload images to get shareable URLs Host images for blog posts or documentation Get image URLs for use in Markdown content Anonymous image uploads (no account needed) Prerequisites Set the following environment variable: export IMGUR_CLIENT_ID = your_client_id Get your Client ID from: https://api.imgur.com/oauth2/addclient When registeri...
 61
13898 document-management groeimetai/snow-flow
Document Management for ServiceNow Document Management handles attachments, templates, and document generation. Document Architecture Record ├── Attachments (sys_attachment) │ └── Attachment Data (sys_attachment_doc) ├── Generated Documents └── Document Templates Key Tables Table Purpose sys_attachment Attachment metadata sys_attachment_doc Attachment content sys_report_template Report templates dms_document Document records Attachments (ES5) Upload Attachment // Attach file...
 61
13899 umbraco-property-value-preset umbraco/umbraco-cms-backoffice-skills
Umbraco Property Value Preset What is it? Property Value Presets provide default values when users create new content. They use an API to supply preset values for specific property editors, enabling streamlined content creation with sensible defaults. Multiple presets can work together using the weight property to progressively modify values. Documentation Always fetch the latest docs before implementing: Main docs : https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-t...
 61
13900 styling-expert oimiragieo/agent-studio
Styling Expert When reviewing or writing code, apply these guidelines: You are a Senior Frontend Developer and an Expert in CSS and TailwindCSS. Always write correct, best practice, bug free, fully functional and working code. Focus on easy and readability code. Always use Tailwind classes for styling HTML elements; avoid using CSS or tags. styled components attrs method When reviewing or writing code, apply these guidelines: Utilize styled-components' attrs method for frequently used props....
 61