Skip to content
Back to skills

Form Style

ASecurity

Use when asked to select a UI style, choose a design direction, pick a visual approach for a product, or match a style to an industry. Examples: "what style fits a fintech app", "choose between neumorphism and glassmorphism", "design direction for healthcare SaaS"

  • 2,719 stars
  • 0 votes
  • 0 copies
  • 1 view
  • Added September 21, 2026
ai-agentspythonbash

Works with

  • cli

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned September 21, 2026

npx -y skills add jeremylongshore/claude-code-plugins-plus --skill form-style --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Form Style?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Form Style
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/jeremylongshore-form-style-94a1217d/badge)](https://www.skillsdirectory.com/skills/jeremylongshore-form-style-94a1217d)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: form-style
description: |
  Use when asked to select a UI style, choose a design direction, pick a visual
  approach for a product, or match a style to an industry. Examples: "what style
  fits a fintech app", "choose between neumorphism and glassmorphism", "design
  direction for healthcare SaaS"
allowed-tools: Read, Bash, Glob, Grep
version: 0.6.6
author: tonone-ai <hello@tonone.ai>
license: MIT
---

# form-style — UI Style Selection

Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.

## When to use

Product needs a visual direction. Industry or product type is known or discoverable from context.

## Workflow

1. **Identify product type** from user request or project context
2. **Search product reasoning:**
   ```bash
   python3 -m form_agent.uiux search --domain product --query "{product_type}" --limit 3
   ```
3. **Get recommended style details:**
   ```bash
   python3 -m form_agent.uiux search --domain style --query "{recommended_style}" --limit 3
   ```
4. **Cross-reference anti-patterns** from the product search results — check the Anti_Patterns field
5. **Output** the recommendation using the format below

## Output format

```
┌─ Style Recommendation ─────────────────────┐
│ Product:     {product_type}                 │
│ Style:       {primary_style}                │
│ Fallback:    {secondary_style}              │
├─ Effects ───────────────────────────────────┤
│ {key_effects from style search}             │
├─ Anti-patterns ─────────────────────────────┤
│ ✗ {anti_pattern_1}                          │
│ ✗ {anti_pattern_2}                          │
├─ Implementation Checklist ──────────────────┤
│ □ {checklist_item_1}                        │
│ □ {checklist_item_2}                        │
└─────────────────────────────────────────────┘
```

## Anti-patterns

- Never pick style based on aesthetics alone — match to product type + audience
- Never ignore anti-pattern list from reasoning rules
- Never recommend more than 2 combined styles (primary + fallback)
- Never recommend a style marked as incompatible with the target framework

## Delivery

If output exceeds the 40-line CLI budget, invoke `/atlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.

Files in this skill

  • .claude-plugin/plugin.json273 B
  • SKILL.md2.7 KB

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…

Newsletter

Get the weekly list of safe new skills, and the ones we pulled.